欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery設置select選中無效

鄭雨菲1年前7瀏覽0評論
在使用 jQuery 設置 select 選中時,有時候會遇到無法選中的問題。這種情況通常是因為設置選中的值不在 select 的可選項中。
比如,有一個 select 叫做 fruits,可選項為 "apple", "banana", "orange"。在設置選中項時,如果我們這樣寫:
html
<select id="fruits">
<option value="apple">apple</option>
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>

javascript
$('#fruits').val('peach');

那么 fruits 就不會選中 peach,因為該值不在可選項中。
為了解決這個問題,我們可以在設置選中項之前,先將該選項添加到可選項中,然后再設置選中即可。
html
<select id="fruits">
<option value="apple">apple</option>
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>

javascript
var fruits = $('#fruits');
fruits.append($('<option>', {
value: 'peach',
text: 'peach'
}));
fruits.val('peach');

這樣,我們就成功將 peach 添加到了 fruits 的可選項中,并且設置了選中狀態。
當然,如果我們已經確定選項值在可選項中,那么直接設置即可,比如:
html
<select id="fruits">
<option value="apple">apple</option>
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>

javascript
$('#fruits').val('apple');

這個時候,fruits 會被正確選中為 apple。
總的來說,無法選中的問題通常是因為設置的選項值不在可選項中,需要先將該選項添加到可選項中。希望本篇文章對您有所幫助。