Question

我有

的代码

<select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select>

我希望如何选择任何选项，它会显示在警告信息中。我试过了

<script type='text/javascript'>

    //var value = $("#list option[value=2]").text();
    //var value = $("#list option:selected").text();
    //var value = $('#list').val();
    var value = $(this).val();
    alert(value);

</script>

但失败了。

Answer 1

感谢Sarfraz Ahmed

但你错误地忘记添加＃ie：

$('#select_box_id').change(function(){
    alert($(this).text());
});

再次感谢Yar ..

Answer 2

将名称属性添加到选择标记。

示例：

<script type="text/javascript">
    $(document).ready(function() {
        $("#list").change(function() {
            var k = $("#list option[value=" + $(this).val() +"]").text();
            alert(k);
        });
    });
</script>

HTML

<select id="list" name="list">
    <option value="1">Option A</option>
    <option value="2">Option B</option>
    <option value="3">Option C</option>
</select>

Answer 3

试试这个：

$('#select_box_id').change(function(){
   alert($(this).val());
 });

Answer 4

比这更容易。也已针对速度进行了优化

$("select#list").change(function() {
    alert($("> option:selected", this).text());
});

如何使用jQuery </select>获取<select>选项（值或文本）

4 个答案: