javascript - 使用 jquery 执行 "onchange"的正式方法?

标签 javascript jquery html ajax

我是第一次使用 jquery,我无法获得任何“onchange”操作的示例。

有人可以解释使用 jquery 执行“onchange”操作的最基本和最正式的方法吗?这是我的统计数据:

JQUERY 版本

$().jquery
"1.7.2"

我无法开始工作的示例事件

https://jsfiddle.net/k27pgkmr/

我的jquery

$(document).ready(function(){
$("#hostnameList").on("change", function() {
    contents = $('#hostnameList').val();
    $("#Names").html(contents);
}); });

目标:

当我从下拉菜单中选择某些内容时,会发生一些事情。

最优雅的方式是什么?

最佳答案

你的代码没有问题,但在你的 fiddle 中。您忘记引用 jQuery 库。另外,我已将您的 fiddle 设置为将 javascript 包装在 <head> 中因为您已经将其绑定(bind)到 $(document).ready() .

Updated Demo

关于javascript - 使用 jquery 执行 "onchange"的正式方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39756991/

相关文章:

jquery - Shopify-产品图片库

JavaScript 根据星期几更改 div 的 CSS 属性

java - 日期选择器不显示使用 TemplateBuilder 动态创建的行

jquery - PhoneGap : Update Files (. html) 供进一步离线使用

javascript - Google map API 标记不显示

javascript - 使用 AJAX 将 javascript 变量传递给 PHP

javascript - 固定标记在中心并拖动 map 以获得纬度,经度

JavaScript 对象字面量语法

jquery - 如何使用 JQuery 弹出文本区域(也不在另一个窗口中输入)?

Javascript 不允许在 csv 上加载超过 4 列