检测输入文本何时更改
Detect when input text change
我正在尝试为一个输入和一个类似ul-li的选择选项设置样式(如下所示)。如果我点击一个li,我成功地更改了输入文本的值。例如,如果我点击第一个li,#main值将为1,或者在第二个li上为2。
<div>
<input id="main" type="text" disabled placeholder="Select...">
<ul id="main-list>
<li>1</li>
<li>2</li>
</ul>
</div>
现在,我正在尝试检测#main inputonchange的值,以便将#sub-list的内容相应地更改为#main的值。
<script>
var mymap = {"1": ["a1", "b1", "c1"]
,"2": ["a2", "b2", "c2"]
};
</script>
<div>
<input id="sub" type="text" disabled placeholder="Select...">
<ul id="sub-list">
<li>1</li>
<li>2</li>
</ul>
</div>
<script>
$("#main).bind("change", function() {
// Reset the #sub-list
alert($(this).val());
});
</script>
我遇到的问题是,即使#main值发生了更改,我也无法检测#main onchange的值来重置#sub列表的内容。有人能帮忙解释一下问题是什么吗?
在onlick 中添加您的逻辑
$("#main-list li").bind("click", function() {
$("#main").val($(this).html());
$("#main").css('background-color','#FC0');
$(this).parent().append('value changed');
});
http://jsfiddle.net/dshun/ud4r1p84/
相关文章:
- 用Javascript重新格式化复杂文本日期字符串的更好方法
- 1种颜色的Javascript闪烁文本更长
- 我能从“;输入“;事件是否有更好的方法来跟踪文本更改
- 何时更喜欢javascript中的匿名函数
- BX滑块加载更多幻灯片,检测何时到达终点
- 如何使用ie8检测文本输入何时发生更改
- 每次文本长度大于 2 行时,都会出现“阅读更多”按钮
- jQuery-如何使var文本可点击,该文本放置在由更多元素组成的另一个var中(var,checkbox)
- Three.js-如何使我的文本精灵更清晰
- 按钮更改由按钮id输入的表单文本区域
- 是否可以控制typed.js插件何时启动和停止键入文本
- Javascript显示更多文本
- 使用链接截断html中的文本以显示更多/更少并将元素保留在里面
- 用于 asp:label 的 Javascript 更多/更少文本按钮
- 用javascript替换文本中的几个字符串 - 如何添加更多变量
- 在设置 IIS Express 以识别 JSON 文件类型后 - VS 是否可以调用除纯文本之外的更好的编辑器
- 是否可以检测IE何时忽略xml文档中的空白文本节点
- ReactJS - 如何在单击按钮时添加更多文本、文本字段、选择字段
- 如何使用文本在页面上的不同位置显示更多文本
- 如何检测脚本何时更改文本区域值