Re: [問題] 下拉式選單和multiple select

[kerash (K.T)]

※ 引述《cozywolf (cozywolf)》之銘言：
: 剛開始學網頁，目前只學玩了HTML、XHTML和CSS
: 想請問一下各位
: 1.下拉式選單可否使用迴圈
:   比方說出生年的選項從1900-2012
:   我必須要用<option>打113欄@@
:   還是有指令可直接幫我跑出這113項

既然都打了順便補上這個問題的code

<select id="birthYears">
</select>

<script type="text/javascript">
var selectNode = document.getElementById("birthYears");
for(var y=1990;y<2013;y++)
{
  var optNode = document.createElement("option");
  optNode.text= y;
  optNode.value=y;
  selectNode.appendChild(optNode);
}
</script>



: 2.multiple select必須要按住CTRL才能選
:   有辦法可以設定成不用按CTRL直接選嗎?

我先湊寫的 code ，各位討論吧! QQ

<script type="text/javascript">
Array.prototype.remove = function(index)
{
  var head=this.slice(0,index);
  var tail=this.slice(index+1);
  return head.concat(tail);
 /// 這個地方會有更好的寫法，我只是先找最快能用的
}

var optArr = new Array(); /// 紀錄選擇的部分

function noCtrlSelect(sel)
    {
          var index = sel.selectedIndex;

          if(optArr.indexOf(index)<0)
            optArr.push(index)
          else {
             optArr.remove(optArr.indexOf(index));
          }
          var totalLen = sel.length;

          for(var i = 0 ; i < totalLen ; i++)
          {
             if( optArr.indexOf(i)>=0 ){
                   sel.options[i].selected=true;
             } else { sel.options[i].selected=false; }
          }
    }
</script>

<select multiple="multiple" onclick="noCtrlSelect(this)">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

: 謝謝各位

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.32.186.193
※ 編輯: kerash          來自: 114.34.30.6          (04/10 08:58)