Question

我准备好迎接下一个问题了。我有一个选择列表，其填充如下：

<select id= "tables" name= "tables">
    <option value="select">-- Select --</option>
    <option value = student> Student</option>
    <option value = teachers > Teachers </option>
    //etc..
</select>

在选择列表的onchange事件中，将填充另一个选择列表。

我的第一个问题是当我选择一个项目，比如“学生”时，视图仍然保留在“选择”选项上。我希望它应该显示我选择的项目。

我的第二个问题是，如果我不写“ - 选择 - ”和“学生是第一项”，那么当我第一次点击学生时，没有任何反应意味着第二个选项列表不会被填充。

请帮忙！

Answer 1

关于改变事件

$('#tables').change(function(){
    alert('change: ' + $(this).val())
})

演示：Fiddle

Answer 2

假设您的html是这样的：

<select id= "tables" name= "tables">
    <option value="">-- Select --</option><!-- setting the value to none -->
    <option value = student> Student</option> 
    <option value = teachers > Teachers </option>
</select>

使用jQuery，它将是change事件：

$('#tables').on('change', function(e) {
    var value = $(this).val();

    if(value.length != 0) {
        alert(value);
    }

});

See a live example there

Answer 3

这就是你想要的，FIDDLE

HTML CODE

<select id= "tables" name= "tables">
    <option value="">-- Select --</option><!-- setting the value to none -->
    <option value = "student"> Student</option>
    <option value =" teachers" > Teachers </option>
</select>

<select id= "tables2" name= "tables">
    <option value="">-- Select --</option>
    <option value = student> Student</option>
    <option value = teachers > Teachers </option>
    //etc..
</select>

JAVASCRIPT CODE

$(function(){
    $('#tables').on('change', function(e) {
        $('#tables2').val(this.value);
    });
})

Answer 4

希望这会有所帮助：

   $('#tables').change(function(){
     var selectedVal = $(this).val();
     alert(selectedVal);
   })

如何把选择列表的onchange事件？

4 个答案: