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)); } }
以上兩個方法都不夠好!因?yàn)樗鼈円淮涡远純猿涣?,因?yàn)閯h除了一個它的$('queryColumn')在option的序號就變了!
都好的方法是:
$('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ū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
javascript溫習(xí)的一些筆記 基礎(chǔ)常用知識小結(jié)
在電腦上找到多年前的javascript的一些小筆記,因?yàn)橐獙⒐P記本上面的文件整理一下, 不用的刪除掉, 所以將此篇筆記再發(fā)布一下,存檔到自己的博客吧, 電腦上的文件就刪除了2011-06-06JavaScript調(diào)用后臺的三種方法實(shí)例
這篇文章介紹了JavaScript調(diào)用后臺的三種方法實(shí)例,有需要的朋友可以參考一下2013-10-10基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06微信小程序阻止頁面返回實(shí)例詳解(包滑動、自動返回鍵)
小程序如果在頁面內(nèi)進(jìn)行復(fù)雜的界面設(shè)計,用戶進(jìn)行返回操作會直接離開當(dāng)前頁面,不符合用戶預(yù)期,下面這篇文章主要給大家介紹了關(guān)于微信小程序阻止頁面返回(包滑動、自動返回鍵)的相關(guān)資料,需要的朋友可以參考下2023-06-06JS實(shí)現(xiàn)單擊輸入框彈出選擇框效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)單擊輸入框彈出選擇框效果的方法,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(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)前比較流行的錯誤提示
js數(shù)據(jù)驗(yàn)證、js email驗(yàn)證、js url驗(yàn)證、js長度驗(yàn)證、js數(shù)字驗(yàn)證等2009-06-06javascript省市區(qū)三級聯(lián)動下拉框菜單實(shí)例演示
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)省市區(qū)三級聯(lián)動下拉框菜單很詳細(xì)的代碼,解決了大家實(shí)現(xiàn)javascript省市區(qū)三級聯(lián)動下拉框菜單的問題,感興趣的小伙伴們可以參考一下2015-11-11