javascript - 输入文本字段字符串作为 JavaScript 中的参数

Question

我有一些输入文本字段和 JavaScript。在此表单输入中，我想使用规范进行文本字段背景颜色验证:

• 位置DRP，jns_sampling设备，则ha_tpc最大输入值为3200

• 位置DRP、jns_sampling设备和sampling_point输入字段包含“finish”字符串，则ha_tpc最大输入值为100

通过以下 javascript 代码，如果我运行第一个规范，则最大输入值 3200 不起作用，即使其中没​​有“完成”字符串和空字段，第二个规范也始终会执行sampling_point 字段。

<div class="form-group">
   <label for="location" class="col-md-2 control-label" style="text-align:left;">location</label>    
   <div class="col-sm-3">
      <select name="location" id="location" class="form-control" onselect="getWarning()">
         <option value="<?php echo $location;?>"><?php echo $location;?></option>
         <option value="WTP">WTP</option>
         <option value="DRP">DRP</option>
      </select>
   </div>
</div>
[...]

<div class="row">
   <div class="col-md-12">
   <div class="table-responsive">
   [...]
      <td>
         <input type="text" name="sampling_point[]" id="sampling_point" size="17" value="<?php $a=set_value('sampling_point[0]'); echo $a; ?>"/></td>
      <td>
         <select name ="jns_sampling[]" id="jns_sampling">
            <option value=""></option>
            <option value="Equipment">Equipment</option>
            <option value="Personnel">Personnel</option>
            <option value="Environment">Environment</option>
         </select>
      </td>
      <td>
         <input type="text" name="ha_tpc[]" id="ha_tpc" onkeyup="getWarning()" size="5" value="<?php $a=set_value('ha_tpc[0]'); echo $a; ?>"/></td>
[...]

<script type="text/javascript">

function getWarning() {
    var dropdown = document.getElementById('location').value;

    switch (dropdown) {
        case 'DRP':
            var obj = document.getElementsByTagName('input');
            for(var i=0; i<obj.length; i++) {
                if (obj[i].name == "ha_tpc[]") {
                    var hatpc = obj[i].value;
                    var type = document.getElementById('jns_sampling').value;
                    switch (type) {
                        case 'Equipment':
                            var point = document.getElementById('sampling_point').value;
                            if (hatpc == '') {
                                obj[i].style.backgroundColor = "";
                            } else if (hatpc > 3200) {
                                obj[i].style.backgroundColor = "#E74C3C";
                            } else if (hatpc > 100) {
                                var subjns = point.match(/finish/);
                                obj[i].style.backgroundColor = "#E74C3C";
                            } else {
                                obj[i].style.backgroundColor = "";
                            };
                        break;
                        case 'Personnel':
                              if (hatpc == '') {
                                obj[i].style.backgroundColor = "";
                            } else if (hatpc > 700) {
                                obj[i].style.backgroundColor = "#E74C3C";
                            } else {
                                obj[i].style.backgroundColor = "";
                            };
                        break;    
                        default:
                        break;   
                    }                        
                } 
            }
        break;
        default:
        break;    
    }

}

</script>

Answer 1

您使用 Places 的 type 变量:

var type = document.getElementById('jns_sampling').value;
switch (type) {
    case 'Equipment':
    var type = document.getElementById('sampling_point').value;

我不确定，但中途更改值看起来不是一个好主意。

编辑 您可以将 name 属性与方括号 ('[]') 一起使用。尽量避免这种情况。