Question

我正在尝试在选择选项列表中获取已选择选项的选项值。我怎样才能做到这一点。这是我的代码片段

＆＃13;

$(document).ready(function(){
    $("#getCusineType").bind('click', function() {
         alert($(this).find('option:selected').val());
    });
    $("#getCusineType").bind('focusout', function() {
         alert($(this).find('option:selected').val());
    });
    function getCusineType(){
      var getCusineType = $('#getCusineType').val();
    }
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="getCusineType" onchange="getCusineType()">
   <option value="1">Indian</option>
   <option value="2">American</option>
   <option value="3">Italian</option>
   <option value="4">General</option>                 
 </select>

＆＃13;

Answer 1

如果您想获得selected选项value：

var value=$("#getCusineType").val();

或text

var text=$("#getCusineType option:selected").text();

如果要在change事件后获取所选值，则应绑定change事件处理程序。

$("#getCusineType").change(function() {
   alert($(this).val());
})

＆＃13;

console.log("Value is: "+$('#getCusineType').val());
console.log("Text is: "+$("#getCusineType option:selected").text());
$("select").click(function() {
       console.log($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="getCusineType">
         <option value="1">Indian</option>
         <option value="2">American</option>
         <option value="3">Italian</option>
         <option value="4">General</option>                 
</select>

＆＃13;

Answer 2

简单地触发on change事件

 $(function(){
      $("#getCusineType").on('change', function(){
        alert($(this).val());
      }).trigger('change');
    });

如何触发已选择的选项的onclick / onchange事件在javascript中单击

2 个答案: