从下拉框中选择时的启用字段

Question

我的联系表单页面（用于用户编辑详细信息）具有两个下拉字段，“国家”和“城市”。 我想在编辑用户详细信息时禁用“城市”字段，直到在“国家/地区”下拉菜单中选择了某些内容。

<form name="item" action="<?php echo base_url(true) ?>" method="post">

<label><?php _e('Country', 'my_theme'); ?></label>
<?php ItemForm::country_select(get_countries(),user()) ; ?>

<label><?php _e('City', 'my_theme'); ?></label>
<?php ItemForm::cities_select(get_cities(),user()) ; ?>

<button class="itemFormButton" type="submit"></button>
</form>

我在javascript中尝试了“ onchange ”，可能语法错误……

我该如何创建呢？ 谢谢。

Answer 1

这可能会帮助您http://jsfiddle.net/GZ269/ 。 这使用jQuery。

Country:<br />
<select id="drop1">
    <option value="">Select Country</option>
    <option value="c1">Country 1</option>
    <option value="c2">Country 2</option>
</select>
<br />
City:<br />
<select id="drop2" disabled >
    <option value="">Select Country</option>
    <option value="c1">Country 1</option>
    <option value="c2">Country 2</option>
</select>

JavaScript函数：

$("#drop1").change(function(){
    var country = $(this).val();

    if(!country){
        $("#drop2").attr("disabled", true);
        return false;
    }

    $("#drop2").attr("disabled", false);
});​

Answer 2

您应该使用Javascript的onchange事件来执行此操作，并在触发该事件时，有两个选择：

• 查询使用ajax选择的国家/地区的城市。
  • 如果您（几乎）支持世界上所有国家，那么这很好。
  • 在这里，您必须开发一个PHP脚本，以便在触发此事件时进行查询。
• 与所有支持的国家/地区的城市息息相关。
  • 如果需要覆盖许多国家，则体积太大。
  • 如果您需要为任何国家/地区添加更多城市，则灵活性较差。