javascript - 选择onclick事件jquery

我需要使用javascript测试选择框值。但是它会输出点击前的值，不知道会发生什么情况。

这是我的代码：

            $(document).ready(function(){

$('select').click(function(){
        var id = this.id;
    var text = $('#'+id+' :selected').text();
 alert(text);

     });
        });

<select id="combo">
        <option value="1">Test 1</option>
        <option value="2">Test 2</option>
        <option value="3">Test 3</option>
        <option value="4">Test 4</option>
        <option value="5">Test 5</option>
        <option value="6">Test 6</option>
        <option value="7">Test 7</option>
    </select>

我提供了静态ID进行测试，但实际上，我想从选择框中取出ID。

我的问题是，如何获得点击时选项的确切值输出（HTML）。

最佳答案

$(document).ready(function(){


  alert($('#combo').val());
  alert($('#combo option:selected').text());


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="combo">
        <option value="1">Test 1</option>
        <option value="2">Test 2</option>
        <option value="3">Test 3</option>
        <option value="4">Test 4</option>
        <option value="5">Test 5</option>
        <option value="6">Test 6</option>
        <option value="7">Test 7</option>
    </select>

您可以使用$('select').val()。这将为您提供选择字段值。侦听更改事件以捕获更改。

关于javascript - 选择onclick事件jquery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29529292/