Question

我遇到简单的jquery问题。这是我的HTML。

 <label>Select User</label>
    <span class="field">
        <select name="selectUser" id="selectUser">
            <option value="">Choose One</option>
            @foreach (var item in Model.Users)
            {
                <option value="@item.Id">@item.UserName</option>
            }
        </select>
    </span>

这是脚本：

<script>
$('#selectUser').change( function() {    
    alert("hello");      
});

现在当我更改select元素中的选项时没有任何反应？

[编辑]

SelecUser是一个拼写错误，我修复了它，但仍然没有警告信息。

Answer 1

因为您的ID为selecUser而不是selectUser

试试这个

$('#selecUser').change(function() {    
    alert("hello");      
});

你也可以试试这个

$('#selecUser').on("change",function() {    
    alert("hello");      
});

Answer 2

首先你需要更改选择器的id。你也需要在documnet ready中编写代码或者使用jquery on.Use：

$(document).on('change','#selecUser',function() {    
 alert("hello");      
});

Answer 3

您的实际id是id="selecUser"。将其更改为selectUser

为什么我的jQuery onChange事件不会触发？

3 个答案: