如何在下拉 jquery 中獲取預選值？

Question

我用這樣的選定值填充下拉列表，

  <select id="myselect">
       <option value="1">One</option>
       <option value="2">Two</option>
       <option selected="3">Three</option>
     </select>

要訪問選定的選項我使用：

 var myOption = $('#myselect option:selected').val()

這里 myOption 返回“三”作為值。 我如何獲得值，即“3”而不是文本？

Answer 1

它應該像

<select id="myselect">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3" selected >Three</option>
</select>

Answer 2

你寫 selected=3 它不正確的屬性檢查下面的代碼

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <select id="myselect"> <option value="1">One</option> <option value="2">Two</option> <option value="3" selected>Three</option> </select> <script> var myOption = $('#myselect option:selected').val(); alert(myOption); </script>

Answer 3

您必須設置 value="3" 並添加選擇的附加屬性（只是標簽，因為它本質上是 boolean）

試試下面的 html 代碼：

<select id="myselect">
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3" selected>Three</option>
 </select>

$('#myselect option:selected').val() 應該給你“3”