Question

HTML中select多选返回值的问题

<?php
if (isset($_POST["submitted"])) {
echo($_POST["sub"]);
} else {
?>
<form method="post">
你选择的是：<br />
<select name="sub" multiple="multiple">
<option >A</option>
<option >B</option>
<option >C</option>
<option>D</option>
</select><br />
<input type="submit" name="submitted" value="提交" />
</form>
<?php
}
?>
如何修改代码，才能让我选两项提交然后输出两个值

Answer 1

<select id="a"  name="a" size="9"  multiple="multiple" rows="10" style="width:150px;height:200px;">
    <option >A</option>
    <option >B</option>
    <option >C</option>
    <option>D</option>
</select>

//提交后得值
function getValue(a){
  var a = this.a || document.getElementById("a");
  var val = '';
  var valname = '';
  for (var i=0;i<a.length;i++){
    if (a.options[i].selected){
      val += ','+a.options[i].value;
      valname += ','+a.options[i].text
    }
  }
}

Answer 2

有muitiple属性则表明代码没问题，选择的时候按住ctrl就行了。

Answer 3

如果你要选2项提交就不能使用select，而应该使用复选框checkbox。例如：
<input type=""checkbox"" name=""ckbox1" id="ckbox1" />

追问

但是他要做这样的界面