Question

我需要使用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）。

Answer 1

$(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()。这将为您提供选择字段值。倾听变化事件以捕捉变化。

Answer 2

以下是常见且简单的方法：

$("#combo").change(function(){
    var selectedvalue = $( "#combo option:selected" ).text();
});

选择onclick事件jquery

2 个答案: