国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript如何從listbox里同時刪除多個項(xiàng)目

2024-05-06 15:53:00
字體:
供稿:網(wǎng)友
要從列表框同時刪除多個項(xiàng)目只能從下向上刪除,這樣就不會出現(xiàn)索引號亂變的問題了,下面有個不錯的示例,大家可以感受下

要從列表框同時刪除多個項(xiàng)目,我們不能從上到下的刪除,因?yàn)樯厦娴捻?xiàng)目每刪除一個,下面的項(xiàng)目的索引號就會變化,所以只能從下向上刪除,這樣就不會出現(xiàn)索引號亂變的問題了。

html代碼

復(fù)制代碼 代碼如下:


<table>
<tr>
<td>
<select size="10" multiple>
<option value="1">India</option>
<option value="2">United States</option>
<option value="3">China</option>
<option value="4">Italy</option>
<option value="5">Germany</option>
<option value="6">Canada</option>
<option value="7">France</option>
<option value="8">United Kingdom</option>
</select>
</td>
</tr>
<tr>
<td>
<button>Delete</button>
<button>Reset</button>
</td>
</tr>
</table>


javascript代碼如下:

復(fù)制代碼 代碼如下:


function listbox_remove(sourceID) {
//get the listbox object from id.
var src = document.getElementById(sourceID);

//iterate through each option of the listbox
for(var count= src.options.length-1; count >= 0; count--) {

//if the option is selected, delete the option
if(src.options[count].selected == true) {

try {
src.remove(count, null);

} catch(error) {

src.remove(count);
}
}
}
}


當(dāng)然,如果使用jQuery來刪除,那就方便了,一句話就搞定了

復(fù)制代碼 代碼如下:


$("#sourceId").find('option:selected').remove();

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 曲松县| 大足县| 文安县| 郧西县| 武定县| 濮阳市| 北辰区| 明光市| 开江县| 五寨县| 敦化市| 阿坝县| 宁武县| 龙里县| 平昌县| 蓬莱市| 平和县| 诸城市| 边坝县| 沈阳市| 谢通门县| 关岭| 鹤峰县| 玉树县| 辽中县| 南安市| 昆明市| 新营市| 东港市| 越西县| 珠海市| 翁源县| 宣恩县| 靖宇县| 洮南市| 华蓥市| 三河市| 仪征市| 汕头市| 广丰县| 株洲市|