Question

我找不到定义这个的好方法，所以我希望有人可以提供帮助。

我有两个选择框（分区和分区）。当用户进来时，他们只看到分区选择框。当他们选择一个部门时，它下面会出现一个细分选择框，只显示该部门的项目。很像这样。

<select name="divisions">
<option value="1">Div1</option>
<option value="2">Div2</option>
</select>

<select name="subdivisions">
<option value="1" division="1">Sub1</option>
<option value="2" division="1">Sub2</option>
<option value="3" division="2">Sub3</option>
<option value="4" division="2">Sub3</option>
</select>

因此，当我选择第1分区时，我会看到第二个选择框弹出，并且只显示Sub1和Sub2作为该选择框中的选项。当我选择除法2时，第二个选择框应该只显示Sub3和Sub4。我想知道如何使用PHP和javascript轻松完成这项工作。

我正在使用codeigniter来编写此页面，我已经使用构建选择框所需的数据发送了我的视图Divisions和SubDivisions对象。我不知道是否必须将这些对象转换为javascript，但我想尽可能避免这种情况。听起来好像将我的对象转换为javascript数组然后填充选择框会变得太复杂。

Answer 1

所以你问这是怎么做的？对不起，我的帖子中没有任何问题。如果您尝试创建条件，当选中一个复选框时，其他复选框可用，您可以执行一些操作。我最喜欢的是使用jQuery。

$(document).ready(function(){

 $('#divthatholdssubboxes').hide()

 $('#checkbox').click(function(){
       $('#divthatholdssubboxes').slideToggle('slow');
    });

    });

我通常将所有复选框放在div中以容纳所有内容。这是一种很酷的方法，因为它为您的站点提供了一些动态图形界面，但仍然允许您保持程序逻辑。

Answer 2

对于第一部分（显示/隐藏分区），您需要使用javascript，我会使用jQuery。

将onChange事件侦听器附加到选择框http://api.jquery.com/change/
检查选择框http://api.jquery.com/val/
使用val（readonly / disabled属性）或css http://api.jquery.com/css/

对于第二部分使用CI表单助手来设置值，你需要一些逻辑来隐藏细分

http://codeigniter.com/user_guide/helpers/form_helper.html（set_select）

如何获取一个选择框来控制另一个选择框

2 个答案: