document.getElementById ( "louyuming"). 옵션 [0] .Selected = true; function jsSelectISexItem (objSelect, objitemValue) {var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objitemvalue) {isexit = true; 부서지다; }} return isexit; }JavaScript 작업 선택은 형식의 공통 유형입니다. 오늘날 여러 선택 값을 삭제할 때 문제가있었습니다. 오랜 시간이 지나면 인덱스에 의해 야기 된 것으로 밝혀졌습니다 (즉, 삭제할 때 큰 인덱스에서 시작한 다음 작은 인덱스를 삭제해야합니다. 그렇지 않으면 큰 색인이있는 인덱스가 작은 인덱스를 삭제 한 후에도 큰 색인이 변경됩니다. 큰 색인이 변경됩니다. 다시 삭제할 때 문제가 발생할 때의 문제는 정규 0에서 규칙적으로 진행될 필요가 있다는 것입니다.
// 4. 선택한 항목 선택 선택 함수 jsRemoveselectedItemFromSelect (objSelect) {var length = objselect.options.length -1; for (var i = 길이; i> = 0; i-) {if (objselect [i] .selected == true) {objselect.options [i] = null; }}}1 선택 옵션에 value = "paravalue"가있는 항목이 있는지 확인하십시오.
2 선택 옵션에 항목을 추가하십시오
3 선택 옵션에서 항목을 제거하십시오
4 SELECT에서 선택한 항목을 삭제하십시오
5 값의 텍스트를 선택한 옵션에서 "paratext"에 대한 선택 옵션에서 수정합니다.
6 텍스트의 첫 번째 항목을 선택하여 선택한대로 select에서 "paratext"를 설정하십시오.
7 값 항목을 선택한대로 select에서 value = "paravalue"를 설정합니다.
8 현재 선택된 항목의 값을 얻으십시오
9 현재 선택된 항목의 텍스트를 받으십시오
10 현재 선택된 항목의 인덱스를 가져옵니다
11 선택한 항목을 지우십시오
============================================================================================================================
선택에서 모든 옵션을 동적으로 삭제하십시오.
함수 deletealloptions (sel) {sel.options.length = 0; }선택에서 옵션을 동적으로 삭제하십시오.
함수 deleteoption (sel, indx) {sel.options.remove (indx); }선택에서 항목 옵션을 동적으로 추가하십시오.
함수 부가 (sel, text, value) {sel.options.add (새 옵션 (텍스트, 값)); }위의 테스트는 IE 및 Firefox에서 성공적으로 테스트되었으며 향후 사용될 수 있기를 바랍니다.
==============================================================
JS 코드
// 1. 선택 옵션 jsSelectISexItem (objSelect, objitemValue)에서 value = "paravalue"의 항목 함수가 있는지 확인하십시오. {var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objitemvalue) {isexit = true; 부서지다; }} return isexit; } // 2. 선택 옵션에 항목 함수 추가 jsAdDitemToSelect (objselect, objitemtext, objitemValue) {// if가 있는지 판단하십시오 (jsSelectSexItItem (objSelect, objitemValue)) {alert ( "이 항목의 값이 이미 존재하는 값"); } else {var varitem = new 옵션 (objitemText, objitemValue); objselect.options.add (varitem); 경고 ( "성공적으로 합류"); }} // 3. 선택 옵션에서 항목 함수를 제거합니다 jsRemoveItemFromSelect (objSelect, objitemValue) {// if가 있는지 판단합니다 (jsSelectISexEct (objSelect, objitemValue)) {for (var i = 0; i <objselect.options.length; i ++) {if+) {if. (objselect.options [i] .value == objitemvalue) {objselect.options.remove (i); 부서지다; }} alert ( "성공적으로 삭제"); } else {alert ( "이 항목은이 선택에 존재하지 않습니다"); }} // 4. 선택한 항목 삭제 선택 함수 jsRemoveselectedItemFromSelect (objSelect) {var length = objselect.options.length -1; for (var i = 길이; i> = 0; i-) {if (objselect [i] .selected == true) {objselect.options [i] = null; }}} // 5. "paratext"함수 jsupdateItemToSelect (objSelect, objitemText, objitemValue) {// jsselectisexititem (objselect, objitemvalue)) {var (var i = 0)) {// val {// objselect.options.length; i ++) {if (objselect.options [i] .value == objitemvalue) {objselect.options [i] .text = objitemtext; 부서지다; }} alert ( "성공적으로 수정"); } else {alert ( "이 항목은이 선택에 존재하지 않습니다"); }} // 6. 선택한 함수 jsselectitembyvalue (objselect, objitemtext)에서 텍스트의 첫 번째 항목을 설정하십시오. var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .text == objitemtext) {objselect.options [i] .selected = true; isexit = true; 부서지다; }} // 결과를 보여줍니다. if (isexit) {alert ( "성공적으로 선택된"); } else {alert ( "이 항목은이 선택에 존재하지 않습니다"); }} // 7. 선택할 수 있도록 선택할 수 있도록 value = "paravalue"의 항목을 설정합니다. value = objitemvalue; // 8. 현재 선택된 CurrselectValue = objselect.value의 현재 선택된 항목의 값을 얻으십시오. // 9. 텍스트를 가져옵니다. var currselectText는 var currselectText = objSelect.Options의 현재 선택된 항목의 var currselectText [document.All.ObjSelect.SelectedIndex] .Text; // 10. SELECT var CurrselectIndex = objselect.selectedIndex의 현재 선택된 항목의 색인을 가져옵니다. // 11. select objselect.options.length = 0의 항목을 지우십시오.전체 인스턴스의 전체 코드는 다음과 같습니다.
<! doctype html public "-// w3c // dtd html 4.0 transitional // en"> <html> <head> <title> javaScript 옵션 옵션 텍스트 값 </title> <meta name = "keywords"컨텐츠 = "javascript select 옵션 텍스트 텍스트 수정 세트"> javascript selection gelsect eleption javascript 옵션 옵션 "Javascript 옵션 옵션" "javaScript 텍스트 텍스트 텍스트 텍스트 텍스트 수정 세트" "javascript 설정 "> <script language ="javaScript "> <!-// 저자 : [email protected]// modify : [email protected] watch_ini () {// 이니셜 for (var i = 0; i <arguments.length; i ++) {var ooption = new 옵션 (인수 [i], Arguments [i]); document.getElementById ( "mySelect") [i] = ooption;}} 함수 watch_add (f) {// var ooption = new 옵션 (f.word.value, f.word.value);} function_ (f.keywords] = ooption;} f.word.value = f.keywords [f.keywords.selectedIndex] .text;} 함수 Watch_Mod (f) {// f.keywords [f.keywords.selectedIndex] .text = f.word.value;} function _del (f) {// delete f.keywords.remove (f.keywords.remove); Watch_set (f) {// var set = ""; for (var i = 0; i <f.keywords.length; i ++) {set += f.keywords [i] .text +";";} 확인 (set);} //->->->-> </script> </head> <body> <form name = "post"action = "" "> <select id ="mySelect "name ="keywords "size ="10 "watch_sel (this.corm)" ". 언어 = "JavaScript"> <!-Watch_ini ( "i", "you", "he", "she", "she", "it", "el"); // 초기 키워드 //-> </script> <입력 유형 = "text"name = "word"/> <br/> <입력 유형 = "버튼"value = "add"onclick = "watch_add (this.form);"; /> <입력 유형 = "버튼"value = "modify"onclick = "watch_mod (this.form);" /> <입력 유형 = "버튼"value = "delete"onclick = "watch_del (this.form);"; /> <입력 유형 = "버튼"value = "save"onclick = "watch_set (this.form);"; /> </form> </body> </html>