從下拉列表中選取所有值除了選中

在下拉列表中選擇一個值後，我想在此下添加新的下拉列表，並選擇除選定列外的所有值。對於第三，第四，......相同的方式。對於第三個下拉值將全部來自第二個，除了選定的值。接下來就是這樣下降。從下拉列表中選取所有值除了選中

在javaScript中這樣做的方法是什麼？

HTML元素...

<select id="president" name="president" type="text"> 
    <option value="0">Select President</option> 
    <option value="1">Name A</option> 
    <option value="2">Name B</option> 
    <option value="3">Name C</option> 
    <option value="4">Name D</option> 
    <option value="5">Name E</option> 
    <option value="6">Name F</option> 
    <option value="7">Name G</option> 
    <option value="8">Name H</option> 
    <option value="9">Name I</option> 
</select> 
<select id="vicepresident" name="vicepresident" type="text"> 
    <option value="0">Select Vice President</option> 
</select>

來源

2017-05-06 Mohi Uddin

遍歷'president'中的所有選項。如果它的索引不等於'selectedIndex'，則將一個具有相同值和文本的選項附加到'vicepresident'。 – Barmar

你爲什麼要這樣做呢？什麼是用例？ –

@AchachalSharma你可以用它來避免重複的選擇。 –

得到了我的結果.........

<select class="slctfield" id="president" name="president" type="text"> 
    <option value="0">Select President</option> 
    <option value="1">Name A</option> 
    <option value="2">Name B</option> 
    <option value="3">Name C</option> 
    <option value="4">Name D</option> 
    <option value="5">Name E</option> 
    <option value="6">Name F</option> 
    <option value="7">Name G</option> 
    <option value="8">Name H</option> 
    <option value="9">Name I</option> 
</select> 
<select class="slctfield" id="vicepresident" name="vicepresident" type="text"></select> 

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript"> 
    $('.slctfield').on('click', function() { 
     var i = $('.slctfield').index(this); 
     var j = i+1; 
     var $options = $(this).find('option'); 
     var $tempDiv = $('<div/>'); 
     $options = $options.each(function (idx, option) { 
     if (!$(option).prop('selected')) { 
      $tempDiv.append($(option).clone()); 
     } 
    }); 
    $('.slctfield:eq('+j+')').show(); 
    $('.slctfield:eq('+j+')').html($tempDiv.html()); 
    }); 
</script>

在這裏您可以用 'slctfield' 類中添加更多的選擇字段。

來源

2017-05-10 10:36:47

把所有的選項在數組中，並傳遞給「總統」，然後得到所選擇的指數和追加除了這一個數組副總統的所有值。

來源

2017-05-06 14:14:43

從下拉列表中選取所有值除了選中

回答

相關問題