Question

我现在正在处理一个有关地点问题的表格，即美国各州。问题是可以通过一个或多个州选择来回答。我的问题是，这样做的最佳方式是什么？

我唯一能想到的就是使用JS来确定是否在下拉列表中选择了“State by state”，如果是这样的话，那么某个小框架会出现所有50个状态作为复选框。我试图避免让所有50个状态复选框混乱我的表格。我想另一个选择是有一个隐藏的div，只有在选择“state by state”选项时才出现。

但我相信其他人之前已经做过这件事了，如果他们找到了有效的解决方案，我就不想重新发明轮子了。

非常感谢任何帮助！

Answer 1

尝试：

<select name='states' multiple size=10>
<option....
</select>

Answer 2

单个<select>和s按钮“添加另一个状态”，它复制元素？

<强> HTML：

<div>
<select name="states[]" id="states">
    <option>AL</option>
    <option>CA</option>
    <option>IL</option>
    <option>WA</option>
</select>
</div>
<span id="add">+ Add another state</span>

<强> JS

var states = document.getElementById('states'),
    add = document.getElementById('add');

add.addEventListener('click', function(){
    states.parentNode.appendChild( states.cloneNode(true) );
});

http://jsfiddle.net/dx4CP/

允许用户选择一个或多个美国州的最佳方法

2 个答案: