動作ブラウザ
| win | mac | linux |
| n7 | m1 | e5 | e6 | o7 | n7 | m1 | e5 | s1 | n7 | m1 | k3 |
| ○ | ○ | × | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
ソース
<style>
<!--
select { background-color : #99cc50 }
-->
</style>
<script type="text/javascript">
<!--
var swt = false
function chgMULTI(idName,swt)
{
//1 id名が引数idNmaeのエレメントを変数selへ入れる
sel = document.getElementById(idName)
//2 MULTIPLE属性を生成し変数attriへ入れる
attri = document.createAttribute("multiple")
//3 selへMULTIPLE属性を追加する
sel.attributes.setNamedItem(attri)
//4 swtが true ならMULTIPLE属性をセットし、
// false ならMULTIPLE属性を取り除く
if(swt)
{
sel.setAttribute("multiple",swt)
}
else
{
sel.removeAttribute("multiple")
}
}
//-->
</script>
<form>
<img src="./tasu.gif"
align = "left"
onclick="chgMULTI('todofuken',swt=!swt);
if(swt)this.src='./hiku.gif'
else this.src='./tasu.gif'">
<select name="todofuken" id="todofuken">
<option selected>都道府県名を選択してください
<option>北海道
<option>青森県
<option>岩手県
<option>宮城県
<option>秋田県
<option>山形県
<option>福島県
<option>茨城県
</select>
</form>