选择onclick事件jquery

阿桑·阿里（Ahsan Ali）

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

Vigneswaran Marimuthu

$(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()。这将为您提供选择字段值。侦听更改事件以捕获更改。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。