0

我有一个 html 表单 - 在那个文本字段上

<input type = "text" name = "age" value = "" id = "txt_age">

在年龄的值上,我必须显示这个元素,例如 -

<select name = "married">
  <option value = "Yes">Yes</option>
  <option value ="No">No</option>
</select>

如果年龄>18 则已婚字段将显示为表格,否则将其隐藏。此年龄>18 条件存储在数据库中。随着年龄值的更改,已婚字段切换(显示/隐藏)。我怎么能用 javascript/jquery 做到这一点。请建议。

有关更多信息,所有这些字段都是动态生成的。所以我想添加 onchange = "somefction(condition);" 在创建时随着年龄的增长,然后在满足条件时显示查找字段,也在 DB 中。

或者

我可能认为一种解决方案 -
在这种情况下,已婚字段将寻找年龄变化的值。然后已婚将隐藏/显示自己。但问题是已婚如何观察年龄字段或调用 javascript 函数。
很抱歉没有解释完整的问题。

4

2 回答 2

1

将 id="married" 添加到选择并使用类似的东西。

$("#txt_age").blur(function() {
    if(parseInt($(this).val() > 18) {
        $("#married").show();
    } else {
        $("#married").hide();
    }
});
于 2012-07-16T11:39:33.090 回答
0

试试这个并注意

  • 避免 id = "txt_age" 之间的空格

休息这应该有帮助:

var $foo = $('select[name="married"]');
$foo.hide(); // in start always hide

$('#txt_age').on('blur', function() {
   if(parseInt(this.value)>18){
       $foo.hide();
   } else {
       $foo.show();
   }

});
于 2012-07-16T11:42:16.597 回答