<form name="myForm">
<table>
<tr valign="top">
<td>
<select name="leftList" multiple size="6" style="width:50px;">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</td>
<td>
<!-- 通éŽäº‹ä»¶onclick調用JavaScriptçš„moveList函數 -->
<input type="button" name="to" value=" >> " onclick="moveList('leftList','rightList')"><p>
<input type="button" name="backTo" value=" << " onclick="moveList('rightList','leftList')"><p>
</td>
<td>
<select name="rightList" multiple size="6" style="width: 50px;">
<option>d</option>
<option>e</option>
<option>f</option>
</select>
</td>
</tr>
</table>
</form>
?
<script language="JavaScript">?
// moveList用于å°å…©å€‹å¤šé¸åˆ—表進行é¸é …的移動æ“作
// from為"需è¦ç§»å‹•"的列表å稱,to為"移動到"列表å稱
function moveList(from,to) {?
var fromList = document.myForm.elements[from];
var fromLen = fromList.options.length;
var toList = document.myForm.elements[to];
var toLen = toList.options.length;
// current 為"需è¦ç§»å‹•"列表ä¸çš„當å‰é¸é …åºè™Ÿ
var current = fromList.selectedIndex;
// 如果"需è¦ç§»å‹•"列表ä¸æœ‰é¸æ“‡é …,則進行移動æ“作
while (current>-1) {
// o為"需è¦ç§»å‹•"列表ä¸ç•¶å‰é¸æ“‡é …å°è±¡
var o = fromList.options[current];
var t = o.text;
var v = o.value;
// æ ¹æ“šå·²é¸é …新建一個列表é¸é …
var optionName = new Option(t, v, false, false);
// 將該é¸é …æ·»åŠ åˆ°"移動到"列表ä¸
toList.options[toLen]= optionName;
toLen++;
// 將該é¸é …從"需è¦ç§»å‹•"列表ä¸æ¸…除
fromList.options[current]=null;
current = fromList.selectedIndex;
}
}
</script>
?
?
程åºèªªæ˜Žï¼š
//HTML?DOM?selectedIndex? 屬性
HTML?DOM?Select? å°è±¡
定義和用法
selectedIndex? 屬性å¯è¨ç½®æˆ–返回下拉列表ä¸è¢«é¸é¸é …的索引號。
注釋:若å…許多é‡é¸æ“‡ï¼Œå‰‡åƒ…會返回第一個被é¸é¸é …的索引號。
語法
selectObject.selectedIndex=number
?
HTML DOM options 集åˆ
?
?
定義和用法
option 集åˆå¯è¿”å›žåŒ…å« <select> å…ƒç´ ä¸æ‰€æœ‰ <option> 的一個數組。
注釋:數組ä¸çš„æ¯å€‹å…ƒç´ å°æ‡‰ä¸€å€‹ <option> 標簽 - ç”± 0 起始。
語法
selectObject.options[]
說明
options[] 集åˆå¹¶éžä¸€å€‹æ™®é€šçš„ HTMLcollection。為了和早期的ç€è¦½å™¨å‘åŽå…¼å®¹ï¼Œé€™å€‹é›†åˆæœ‰æŸç¨®ç‰¹æ®Šçš„行為:å…è¨±é€šéŽ Select å°è±¡ä¾†æ”¹è®Šé¡¯ç¤ºçš„é¸é …:
- 如果把 options.length 屬性è¨ç½®ç‚º 0,Select å°è±¡ä¸æ‰€æœ‰é¸é …都會被清除。
- 如果 options.length 屬性的值比當å‰å€¼å°ï¼Œå‡ºç¾åœ¨æ•¸çµ„å°¾éƒ¨çš„å…ƒç´ å°±æœƒè¢«ä¸Ÿæ£„ã€‚
- 如果把 options[] 數組ä¸çš„ä¸€å€‹å…ƒç´ è¨ç½®ç‚º null,那么é¸é …就會從 Select å°è±¡ä¸åˆªé™¤ã€‚
- å¯ä»¥é€šéŽæ§‹é€ 函數 Option() 來創建一個新的 option å°è±¡ï¼ˆéœ€è¦è¨ç½® options.length 屬性)。
?
æ›´å¤šæ–‡ç« ã€æŠ€è¡“交æµã€å•†å‹™åˆä½œã€è¯ç³»åšä¸»
微信掃碼或æœç´¢ï¼šz360901061

å¾®ä¿¡æŽƒä¸€æŽƒåŠ æˆ‘ç‚ºå¥½å‹
QQ號è¯ç³»ï¼š 360901061
您的支æŒæ˜¯åšä¸»å¯«ä½œæœ€å¤§çš„動力,如果您喜æ¡æˆ‘çš„æ–‡ç« ï¼Œæ„Ÿè¦ºæˆ‘çš„æ–‡ç« å°æ‚¨æœ‰å¹«åŠ©ï¼Œè«‹ç”¨å¾®ä¿¡æŽƒæ下é¢äºŒç¶ç¢¼æ”¯æŒåšä¸»2å…ƒã€5å…ƒã€10å…ƒã€20å…ƒç‰æ‚¨æƒ³æ的金é¡å§ï¼Œç‹ ç‹ é»žæ“Šä¸‹é¢çµ¦é»žæ”¯æŒå§ï¼Œç«™é•·éžå¸¸æ„Ÿæ¿€æ‚¨ï¼æ‰‹æ©Ÿå¾®ä¿¡é•·æŒ‰ä¸èƒ½æ”¯ä»˜è§£æ±ºè¾¦æ³•ï¼šè«‹å°‡å¾®ä¿¡æ”¯ä»˜äºŒç¶ç¢¼ä¿å˜åˆ°ç›¸å†Šï¼Œåˆ‡æ›åˆ°å¾®ä¿¡ï¼Œç„¶åŽé»žæ“Šå¾®ä¿¡å³ä¸Šè§’掃一掃功能,é¸æ“‡æ”¯ä»˜äºŒç¶ç¢¼å®Œæˆæ”¯ä»˜ã€‚
ã€æœ¬æ–‡å°æ‚¨æœ‰å¹«åŠ©å°±å¥½ã€‘å…ƒ
