php/javascript在多個列表框中沒有重複的數據

Question

我想知道是否有可能在php/javascript中防止在多個選擇框中出現重複數據。我有6個選擇框，用戶可以選擇1到36之間的數字。

我真正想要的是，當用戶在第一個選擇框中選取任何數字（例如12）時，該數字爲12韓元不會出現在第二個選擇框中。我在互聯網上搜索了所有內容，沒有任何線索。

Answer 1

您可以檢查一下這些功能如何工作，使自己的解決方案：

• 綁定一個事件處理JavaScript事件，或者觸發該事件的「變化」 - >jQuery .change()
• 獲取的價值屬性爲匹配元素集合中的第一個元素 - >jQuery .prop()

這種方式與其他答案略有不同，因爲一個刪除該選項，另一個將其禁用。

jQuery的一部分（不要忘了添加的jQuery在頁面的頭部）

$(document).ready(function() { 
    $(".connSelect").change(function() { 

     var selVAL = $(this).val(); // will handle the value of selected item 

     $("select option:selected").each(function() { // when value is selected 
      $("option[value=" + selVAL + "]").prop('disabled', true); // disable on other 'select' 
     }); 
    }); 
}); 

HTML部分

<select name="select-1" id="select-1" class="connSelect"> 
    <option value="">-- pick one --</option> 
    <option value="1">-- 1 --</option> 
    <option value="2">-- 2 --</option> 
    <option value="3">-- 3 --</option> 
    <option value="4">-- 4 --</option> 
    <option value="5">-- 5 --</option> 
</select> 

<select name="select-2" id="select-2" class="connSelect"> 
    <option value="">-- pick one --</option> 
    <option value="1">-- 1 --</option> 
    <option value="2">-- 2 --</option> 
    <option value="3">-- 3 --</option> 
    <option value="4">-- 4 --</option> 
    <option value="5">-- 5 --</option> 
</select> 

<select name="select-3" id="select-3" class="connSelect"> 
    <option value="">-- pick one --</option> 
    <option value="1">-- 1 --</option> 
    <option value="2">-- 2 --</option> 
    <option value="3">-- 3 --</option> 
    <option value="4">-- 4 --</option> 
    <option value="5">-- 5 --</option> 
</select> 

這裏有一個FIDDLE看它是如何工作的

注意：這只是一個操作示例，它不會對值執行任何驗證，也不會在禁用時再次啓用值