javascript - 调用下拉列表的 javascript 函数 onchange 事件

标签 javascript html

我想在下拉列表中的值发生变化时调用 javascript 函数。 我不想硬编码下拉列表 id

因此不使用 document.getElementById

我的代码:

<select id ="ddl" name="ddl" onmousedown="this.value='';" onchange="jsFunction(this.value);">
  <option value='1'>One</option>
  <option value='2'>Two</option>
  <option value='3'>Three</option>
</select>

function jsFunction(value)
{
    alert(value);
}

这是给出错误 ReferenceError: jsFunction is not defined

fiddle :http://jsfiddle.net/6uyz4b8x/1/

最佳答案

您的代码运行良好,您必须在 DOM 就绪之前声明 javascript 方法。

your working example

关于javascript - 调用下拉列表的 javascript 函数 onchange 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26709969/

相关文章:

javascript - 在所选元素上显示 div

javascript - 将新的卡片对象推送到嵌套的对象数组中

css - Ionic TextAreas 变得太大

html - 响应式——所有元素在移动设备上都太小了

html - 更改导航栏CSS中按钮的宽度

javascript - 是否可以在页面加载时从文本输入中移除焦点?

javascript - 带有 HTML5 横幅内容的 Bootstrap 轮播 - 如何暂停动画,直到用户查看该幻灯片?

javascript - ng-repeat 内的 Angular 指令获取预编译值

javascript - 在shopify主题的产品页面上上传图像字段

javascript - iOS webview 无法使用历史记录返回