Question

<pre>
<td>
    <select name="proses1" class="form-control">
    <option value="0" selected>-------</option>
    <option value="1">1-Itemset</option>
    <option value="2">2-Itemset</option>
    <option value="3">3-Itemset</option>
    </select>
</td>
<td>
<select name="proses2" class="form-control">
    <option value="0" selected>-------</option>
    <option value="1">1-Itemset</option>
    <option value="2">2-Itemset</option>
    <option value="3">3-Itemset</option>
</select>
</td>
<td>
<select name="proses3" class="form-control">
    <option value="0" selected>-------</option>
    <option value="1">1-Itemset</option>
    <option value="2">2-Itemset</option>
    <option value="3">3-Itemset</option>
</select>
</td>
</pre>

我有上面的标签html ..我想要例如我从proses1中选择1-itemset然后我从proses2中选择1-itemset，
来自proses1的1项目集返回默认值（-------），所以关键是我想要选项只能选择一个选项..我怎么能做到。

之前谢谢

Answer 1

虽然你还没有说过你想要什么类型的进程，但我建议你使用像

这样的jquery

var selects = $("select[name=proses1],select[name=proses2],select[name=proses3]");
selects.on("change",function(evt){
  selects.not("[name=" + evt.target.name + "]").val(0);
});

FIDDLE

修改

要使用此功能，首先需要将jQuery库添加到代码中，然后将其放在$(document).ready()方法中。作为总结，请将代码放在位于您的头部之内。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var selects = $("select[name=proses1],select[name=proses2],select[name=proses3]"); selects.on("change",function(evt){ selects.not("[name=" + evt.target.name + "]").val(0); }); }); </script>

这样做是将onChange事件处理程序与.on("change")方法添加到select元素，并在该处理程序中将所有select元素值设置为{{ 1}}除了当前的0之外的第一个option。

从几个选项中仅选择一个值选项

1 个答案: