動作ブラウザ



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>

win					mac				linux
n7	m1	e5	e6	o7	n7	m1	e5	s1	n7	m1	k3
○	○	×	○	○	○	○	○	○	○	○	○