選擇僅僅只有一個從幾個選項值選項

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像上面..我想例如我選擇1項集從proses1，然後我選擇從proses2 1項集，
1項集從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()方法中。作爲一個總結，將代碼放置在的下方，位於您的頭部部分內。

<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這是第一個option除了當前。