HTML5を初めて使用し、GoogleChromeのフォームで<select>
属性を使用してテストしようとしています。multiple
私は2つの問題に遭遇します。
まず、オプションリストが醜い長方形に変わります
以前は「正常」でしたが、
私の2番目の問題は、selectの値を取得したい場合(ボタンをクリックして、javascriptを使用したコードで)、1つだけが与えられているようです...
これが私のコードです:
<!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>
私を読んでくれてありがとう!