jquery - 选择器输入 [name^= 不适用于更改选择

标签 jquery

我在捕获选择的更改事件时遇到问题。 如果选择器直接指向 id 则没有问题。但随着, 它不起作用。 你知道为什么吗?

这是我的代码块:

<html>
<head><title></title>

  <link rel=stylesheet href="css/jquery-ui-1.9.2.custom.css" />
  <script type="text/javascript" src="js/jquery-1.9.1.min.js"> </script>
  <script src="js/jquery-ui-1.9.2.custom.js"></script>


....

  <select name="type_book_1" id="type_book_1">
    <option value="ae">airplane</option>
    <option value="ca">car</option>
   </select>

....

JS:

<script>
$(function () {
    $(document.body).on('change', 'input[name^="type_book"]', function () {
        alert('Change Happened');
    });
});
</script>

最佳答案

元素选择器input错误,应该是select

$(document.body).on('change', 'select[name^="type_book"]', function () {
    alert('Change Happened');
});

演示:Fiddle

关于jquery - 选择器输入 [name^= 不适用于更改选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19836027/

相关文章:

javascript - 由于 getWidthOrHeight 函数导致 jQuery 脚本无响应

javascript - 如何在页面底部添加页脚

javascript - 如果没有找到结果则显示 div

jquery - 流程图缩放会生成不必要的长 y 轴小数值

javascript - 为什么滑动效果后div内容跳转

jquery - Google Adsense 与 SSL 证书冲突

jquery - 使用 content_for 和 ajax/Jquery 部分更新网页

javascript - Jquery Selectize 在 Ajax 的选项顶部添加 "Clear All"链接

javascript - 模态捕获其他模态的点击

jquery - 带有滚动条的 HTML 文本框或区域,用于填充 Ajax 响应