javascript - 选择特定值时显示新字段(JS/HTML)

Question

我有这个表格:

http://dl.dropbox.com/u/14698783/project/register/form.htm

默认情况下隐藏城市输入。
我想当访问者仅选择美国或加拿大时显示它。

Answer 1

为此，我使用 jQuery。首先，我使用 change 为国家/地区下拉列表设置事件处理程序。方法 - 当值更改时会引发此问题(毫不奇怪)。然后测试所选值是否在一组接受的值中(为此，我使用 'in' operator )。由于 this 是一个输入元素，因此我可以只引用 element.value，而无需将其包装在 jQuery 中。最后，使用toggle ，传入 bool 值以指示是否应显示或隐藏选择。

var valuesToShowFor = [0, 1]; // USA + Canada

$("#title").change(function() {
    var shouldShowCity = (this.value in valuesToShowFor);
    $("#city").toggle(shouldShowCity);
});

示例:http://jsfiddle.net/jonathon/xULyc/

为此，我建议在元素上添加 ID。它使 jQuery 选择变得更加容易和整洁 - 否则您需要像 $("input[name='title']") 之类的东西来引用元素。