如何在每個具有相同ID的選擇中添加選項

這裏是我的HTML看起來像

<div> 
    <select id="essai"> 
     <option>1</option> 
     <option>2</option> 
    </select> 
    <select id="essai"> 
     <option>1</option> 
     <option>2</option> 
    </select> 
    </div>

，這裏是我的html看起來像，但它改變了一個第一選擇

$('#essai').append($('<option>my-option</option>'));

下面是結果我想

<div> 
    <select id="essai"> 
     <option>1</option> 
     <option>2</option> 
     <option>my-option</option> 
    </select> 
    <select id="essai"> 
     <option>1</option> 
     <option>2</option> 
     <option>my-option</option> 
    </select> 
    </div>

你有什麼想法嗎？謝謝

來源

2017-10-13 ArnaudTheDevelopper

1st你不能給相同的ID。 ** ID是獨特的**，但你可以給**班**以備後用，如果你需要的話 –

ID必須是唯一的 –

「1st你可以給同一個ID」我想他的意思是CANT。他是對的，你不能給2個選擇輸入相同的ID，因爲ID需要是唯一的，你使用類。重複ID會導致一個或兩個下拉被忽略 –

該id必須是唯一的。使用class來做到這一點。使用$.each在所有課程上傳球。

$.each($(".essai"), function(){ 
 
    $(this).append($('<option>my-option</option>')); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <select class="essai"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 
    <select class="essai"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 
    </div>

來源

2017-10-13 09:42:06

這裏不需要'$ .each'或所有額外的調用''（$）''。只需'$（「。essai」）。append（''）;'（注意將字符串傳遞給'append'）。 –

是的不需要每個人。但是，如果他願意，他可以定義不同的價值 –

ID必須是唯一的。所以在這裏，而不是使用ID，你應該使用類。

$('.essai').append($('<option>my-option</option>'));

現在它會更新所有選項。

<div> 
    <select class="essai"> 
     <option>1</option> 
     <option>2</option> 
     <option>my-option</option> 
    </select> 
    <select class="essai"> 
     <option>1</option> 
     <option>2</option> 
     <option>my-option</option> 
    </select> 
    </div>

來源

2017-10-13 09:42:46

您ID更改爲類

$('.essai')將選擇類變化# TI .

. will let you select Class

$('.essai').append($('<option>my-option</option>'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <select class="essai"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 
    <select class="essai"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
    </select> 
 
    </div>

來源

2017-10-13 09:42:50

如何在每個具有相同ID的選擇中添加選項

回答

相關問題