在使用 jQuery 設置 select 選中時,有時候會遇到無法選中的問題。這種情況通常是因為設置選中的值不在 select 的可選項中。
比如,有一個 select 叫做 fruits,可選項為 "apple", "banana", "orange"。在設置選中項時,如果我們這樣寫:
那么 fruits 就不會選中 peach,因為該值不在可選項中。
為了解決這個問題,我們可以在設置選中項之前,先將該選項添加到可選項中,然后再設置選中即可。
這樣,我們就成功將 peach 添加到了 fruits 的可選項中,并且設置了選中狀態。
當然,如果我們已經確定選項值在可選項中,那么直接設置即可,比如:
這個時候,fruits 會被正確選中為 apple。
總的來說,無法選中的問題通常是因為設置的選項值不在可選項中,需要先將該選項添加到可選項中。希望本篇文章對您有所幫助。
比如,有一個 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。
總的來說,無法選中的問題通常是因為設置的選項值不在可選項中,需要先將該選項添加到可選項中。希望本篇文章對您有所幫助。
上一篇jquery設置上移顯示
下一篇div 分為左右