javascript 刪除select中的所有option的實(shí)例
javascript 刪除select中的所有option的實(shí)例
方法一:
function DeleteOptions() { var obj = document.getElementsByTagName("select")[0]; var selectOptions = obj.options; var optionLength = selectOptions.length; for(var i=0;i <optionLength;i++) { obj.removeChild(selectOptions[0]); } }
方法二:(那右邊的Select中的所有option移到左邊的Select)
function MoveAllRightBtn(){ var columnlength=$('queryColumn').length; var TempText; var TempValue; for(var i=0;i<columnlength;i++){ TempText=$('queryColumn').options[i].text; TempValue=$('queryColumn').options[i].value; $('queryColumn').remove(i); $('SearchqqueryColumn').options.add(new Option(TempText,TempValue)); } }
以上兩個(gè)方法都不夠好!因?yàn)樗鼈円淮涡远純猿涣耍驗(yàn)閯h除了一個(gè)它的$('queryColumn')在option的序號(hào)就變了!
都好的方法是:
$('SearchqqueryColumn').options.length = 0;
或:
<script> function clearOption() { document.getElementById("testSelect").options.length = 0; } </script>
(那右邊的Select中的所有option移到左邊的Select)實(shí)現(xiàn)如下:
function MoveAllRightBtn(){ var columnlength=$('queryColumn').options.length; var TempText; var TempValue; for(var i=0;i<columnlength;i++){ TempText=$('queryColumn').options[i].text; TempValue=$('queryColumn').options[i].value; $('SearchqqueryColumn').options.add(new Option(TempText,TempValue)); } $('queryColumn').options.length = 0; }
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- AngularJS實(shí)現(xiàn)select的ng-options功能示例
- JS 通過系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
- JS & JQuery 動(dòng)態(tài)添加 select option
- JS更改select內(nèi)option屬性的方法
- js給selected添加options的方法
- js添加select下默認(rèn)的option的value和text的方法
- JS獲取select-option-text_value的方法
- js 操作select與option(示例講解)
- js select option對象小結(jié)
相關(guān)文章
javascript溫習(xí)的一些筆記 基礎(chǔ)常用知識(shí)小結(jié)
在電腦上找到多年前的javascript的一些小筆記,因?yàn)橐獙⒐P記本上面的文件整理一下, 不用的刪除掉, 所以將此篇筆記再發(fā)布一下,存檔到自己的博客吧, 電腦上的文件就刪除了2011-06-06JavaScript調(diào)用后臺(tái)的三種方法實(shí)例
這篇文章介紹了JavaScript調(diào)用后臺(tái)的三種方法實(shí)例,有需要的朋友可以參考一下2013-10-10基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06微信小程序阻止頁面返回實(shí)例詳解(包滑動(dòng)、自動(dòng)返回鍵)
小程序如果在頁面內(nèi)進(jìn)行復(fù)雜的界面設(shè)計(jì),用戶進(jìn)行返回操作會(huì)直接離開當(dāng)前頁面,不符合用戶預(yù)期,下面這篇文章主要給大家介紹了關(guān)于微信小程序阻止頁面返回(包滑動(dòng)、自動(dòng)返回鍵)的相關(guān)資料,需要的朋友可以參考下2023-06-06JS實(shí)現(xiàn)單擊輸入框彈出選擇框效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)單擊輸入框彈出選擇框效果的方法,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素與相關(guān)屬性的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12javascript判斷并獲取注冊表中可信任站點(diǎn)的方法
這篇文章主要介紹了javascript判斷并獲取注冊表中可信任站點(diǎn)的方法,可實(shí)現(xiàn)針對域名和IP的可信任站點(diǎn)判斷功能,需要的朋友可以參考下2015-06-06js form 驗(yàn)證函數(shù) 當(dāng)前比較流行的錯(cuò)誤提示
js數(shù)據(jù)驗(yàn)證、js email驗(yàn)證、js url驗(yàn)證、js長度驗(yàn)證、js數(shù)字驗(yàn)證等2009-06-06javascript省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單實(shí)例演示
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單很詳細(xì)的代碼,解決了大家實(shí)現(xiàn)javascript省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單的問題,感興趣的小伙伴們可以參考一下2015-11-11