国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項超值服

開通VIP
html js 清除select里的值,js控制select增刪改,選中,清空, 判斷控件...

html js 清除select里的值,js控制select增刪改,選中,清空, 判斷控件是否存在

關(guān)鍵字: html js 清除 select 值 控制 增 刪 改 選中 清空 控件 是否 存在
清空select的項
Html代碼
 
  1. // document.all.objSelect.options.length = 0;  


如果留下第一行的話就是
Html代碼
 
  1. // document.all.objSelect.options.length = 1;  


判斷select選項中 是否存在Value="paraValue"的Item
Js代碼
 
  1. function jsSelectIsExitItem(objSelect,objItemValue)   
  2. {   
  3.      var isExit = false;   
  4.      for(var i=0;i<objSelect.options.length;i++)   
  5.      {   
  6.          if(objSelect.options[i].value == objItemValue)   
  7.          {   
  8.              isExit = true;   
  9.              break;   
  10.          }   
  11.      }        
  12.      return isExit;   
  13. }  


向select選項中 加入一個Item
Js代碼
 
  1. function jsAddItemToSelect(objSelect,objItemText,objItemValue)   
  2. {   
  3.      //判斷是否存在   
  4.      if(jsSelectIsExitItem(objSelect,objItemValue))   
  5.      {   
  6.          alert("該Item的Value值已經(jīng)存在");   
  7.      }   
  8.      else  
  9.      {   
  10.          var varItem = new Option(objItemText,objItemValue);   
  11. //       objSelect.options[objSelect.options.length] = varItem;   
  12.          objSelect.options.add(varItem);   
  13.          alert("成功加入");   
  14.      }      
  15. }  


從select選項中 刪除一個Item
Js代碼
 
  1. function jsRemoveItemFromSelect(objSelect,objItemValue)   
  2. {   
  3.      //判斷是否存在   
  4.      if(jsSelectIsExitItem(objSelect,objItemValue))   
  5.      {   
  6.          for(var i=0;i<objSelect.options.length;i++)   
  7.          {   
  8.              if(objSelect.options[i].value == objItemValue)   
  9.              {   
  10.                  objSelect.options.remove(i);   
  11.                  break;   
  12.              }   
  13.          }          
  14.          alert("成功刪除");              
  15.      }   
  16.      else  
  17.      {   
  18.          alert("該select中 不存在該項");   
  19.      }      
  20. }  


修改select選項中 value="paraValue"的text為"paraText"
Js代碼
 
  1. function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)   
  2. {   
  3.      //判斷是否存在   
  4.      if(jsSelectIsExitItem(objSelect,objItemValue))   
  5.      {   
  6.          for(var i=0;i<objSelect.options.length;i++)   
  7.          {   
  8.              if(objSelect.options[i].value == objItemValue)   
  9.              {   
  10.                  objSelect.options[i].text = objItemText;   
  11.                  break;   
  12.              }   
  13.          }    alert("成功修改");              
  14.      }   
  15.      else  
  16.      {   
  17.          alert("該select中 不存在該項");   
  18.      }      
  19. }  
      
設(shè)置select中text="paraText"的第一個Item為選中
Js代碼
 
  1. function jsSelectItemByValue(objSelect,objItemText)   
  2. {      
  3.      //判斷是否存在   
  4.      var isExit = false;   
  5.      for(var i=0;i<objSelect.options.length;i++)   
  6.      {   
  7.          if(objSelect.options[i].text == objItemText)   
  8.          {   
  9.              objSelect.options[i].selected = true;   
  10.              isExit = true;   
  11.              break;   
  12.          }   
  13.      }        
  14.      //Show出結(jié)果   
  15.      if(isExit)   
  16.      {   
  17.          alert("成功選中");              
  18.      }   
  19.      else  
  20.      {   
  21.          alert("該select中 不存在該項");   
  22.      }      
  23. }  

設(shè)置select中value="paraValue"的Item為選中
Js代碼
 
  1. //document.all.objSelect.value = objItemValue;  


得到select的當(dāng)前選中項的value
Js代碼
 
  1. //var currSelectValue = document.all.objSelect.value;  


得到select的當(dāng)前選中項的text
Js代碼
 
  1. //var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;  


得到select的當(dāng)前選中項的Index
Js代碼
 
  1. //var currSelectIndex = document.all.objSelect.selectedIndex;  


完整例子

Html代碼
 
  1. <!doctype html public "-//w3c//dtd html 4.0 transitional//en">  
  2. <html>  
  3. <head>  
  4. <title>js控制select增刪改,選中,清空, 判斷控件是否存在</title>  
  5. <meta name="keywords" content="javascript select options text value add modify delete set">  
  6. <meta name="description" content="javascript select options text value add modify delete set">  
  7. <script language="javascript">  
  8. <!--   
  9. function watch_ini(){ // 初始   
  10. for(var i=0; i<arguments.length; i++){   
  11.    var oOption=new Option(arguments[i],arguments[i]);   
  12.    document.getElementById("MySelect")[i]=oOption;   
  13. }   
  14. }   
  15. function watch_add(f){ // 增加   
  16.    var oOption=new Option(f.word.value,f.word.value);   
  17.    f.keywords[f.keywords.length]=oOption;   
  18. }   
  19. function watch_sel(f){ // 編輯   
  20. ff.word.value = f.keywords[f.keywords.selectedIndex].text;   
  21. }   
  22. function watch_mod(f){ // 修改   
  23. f.keywords[f.keywords.selectedIndex].text = f.word.value;   
  24. }   
  25. function watch_del(f){ // 刪除   
  26. f.keywords.remove(f.keywords.selectedIndex);   
  27. }   
  28. function watch_set(f){ // 保存   
  29. var set = "";   
  30. for(var i=0; i<f.keywords.length; i++){   
  31. set += f.keywords[i].text + ";";   
  32. }   
  33. confirm(set);   
  34. }   
  35. //-->  
  36. </script>  
  37. </head>  
  38. <body>  
  39. <form name="watch" method="post" action="">  
  40. <select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>  
  41. <script language="javascript">  
  42. <!--   
  43. watch_ini("黑","色","頭","發(fā)","紫","色","頭","發(fā)"); // 初始關(guān)鍵詞   
  44. //-->  
  45. </script>  
  46. <input type="text" name="word" /><br />  
  47. <input type="button" value="增加" onclick="watch_add(this.form);" />  
  48. <input type="button" value="修改" onclick="watch_mod(this.form);" />  
  49. <input type="button" value="刪除" onclick="watch_del(this.form);" />  
  50. <input type="button" value="保存" onclick="watch_set(this.form);" />  
  51. </form>  
  52. </body>  
  53. </html>  
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
JS操作select相關(guān)方法
javascript對select的操作
關(guān)于select
javascript Select標(biāo)記中options操作方法集合
HTML中select標(biāo)簽單選多選詳解
全國省市縣無刷新級聯(lián)菜單
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服