从多个选项中仅选择了一个值选项

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，
1-itemset from proses1 它恢复到默认值（-------）， 所以关键是我想要的选项只能选择一个选项..我怎么能做到。谢谢之前

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() 方法中。作为总结，将下面的代码放在您的 head 部分。

<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>

这样做的目的是将带有.on("change") 方法的onChange 事件处理程序添加到select 元素，并且在该处理程序中，所有select 元素值都被设置为0，这是第一个@987654331 @ 除了当前的。