小编Pao*_*Pao的帖子

在 HTML5 中选择多个

我是 HTML5 的新手，我正在尝试<select>使用multipleGoogle Chrome 上表单中的属性进行测试。我遇到两个问题。

首先，选项列表在一个丑陋的矩形中发生变化

而在它之前是“正常的”：
我的第二个问题是，似乎当我想获取选择的值（通过单击按钮并在使用 javascript 的代码中）时，只给出了一个...

这是我的代码：

<!DOCTYPE html>
<html>
<body>

How do you travel?
<form  method="get" id=myForm" onsubmit="done();">
<select name="transport" multiple> <optgroup label="Ecological">
<option value="Feet" selected>By Foot</option>
<option value="Bike">By Bike</option> </optgroup>
<optgroup label="Non-ecological">
<option value="public transports">With public transports</option> <option value="motorbike">By motorbike</option> <option value="car">By car</option>
</optgroup> </select>

<button onclick="bdone();">button</button>

<script>

function bdone(){


var mesOptions=document.getElementsByTagName('select')[0];
alert(mesOptions.value); 
}


</script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

谢谢你阅读我！

html javascript forms

Pao*_*Pao

2013 03-17

4
推荐指数

1
解决办法

8338
查看次数