javascript - 当用户更改选择的值时清除特定字段

标签 javascript jquery forms

好吧,我真的开始有糟糕的一天,我的大脑不工作了。我想不出我应该搜索什么,甚至找不到此类事情的先前示例。

我有一个包含三个字段的 HTML 表单;

  • 选择:disposition_status
  • 文本:disposition_datetime_hasrecord
  • 文本:disposition_description

选择字段 disposition_status 具有以下值:

  • 1 - 英寸
  • 2 - 出局

当用户选择 disposition_status 中值为 1(in)的项目时,我想清除字段 disposition_datetime_hasrecorddisposition_description< 中的任何文本.

如果有人有一个例子或者可以指出我实现这一目标的正确方向,我们将不胜感激。

最佳答案

demo

$('#disposition_status').change(function() {
    if (this.value == 1) {
        $('#disposition_datetime_hasrecord').val('');
        $('#disposition_description').val('');
    }
});​

编辑:基于评论

好的,我现在看到问题了,它应该被包裹在里面

$(document).ready(function() { 
    //code here 
}); 

抱歉 jsfiddle 在内部执行(实际上我确实设置了它)..所以只需将代码放在里面

$(document).ready(function() { 
   $('#disposition_status').change(function() {
      if (this.value == 1) {
        $('#disposition_datetime_hasrecord').val('');
        $('#disposition_description').val('');
      }
   });​
}); 

explanation here

关于javascript - 当用户更改选择的值时清除特定字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3177149/

相关文章:

javascript - 令人困惑的 Javascript 原型(prototype)行为

php - Python : extract . 将数据提交到具有机械化的表单后的 csv 结果

javascript - 带有单选按钮+逻辑的表单

javascript - 如何使用 JavaScript 检查单选按钮是否被选中?

JavaScript:字符串 '//ns1:RunLocatorResponse' 在 Chrome 中包含无法解析的命名空间 - 为什么?

javascript - JQuery 拉伸(stretch)按钮水平到窗口宽度

javascript - 将动态表转换为数组

jquery - bxslider 停止视频元素自动播放

javascript - jquery 删除所有子元素并保留文本

javascript - jQuery .find() 和 .animate()