js, jquery, 동적 추가 옵션 항목

2193 단어
js
var selid = document.getElementById("sltid");
for(var i=0;i<10;i++) {//여러 값 순환 추가
              sid.option[i] = new Option(i,i);
       }
       sid.options[sid.options.length]=new Option("1","2");//마지막 값 뒤에 하나 더 추가
Jquery
<select id="aa"></select>
jQuery("<option value='1'>abc</option>").appendTo("#aa");

jQuery("<option></option>").attr({val:"1",text:"abc"}).appendTo("#aa");

jQuery("<option></option>").val("1").text("abc").appendTo("#aa");
$("#selectId").append("<option value='"+value+"'>"+text+"</option>");

물론 이 몇 마디 외에 기본 선택치, 첫 번째 값, 마지막 값, N 번째 값 등을 설정해서 인터넷에서 찾아봤어요.
jQuery가 Select에서 선택한 Text 및 Value를 가져옵니다.
$("#select_id").change(function(){//code...});   // Select    ,          

var checkText=$("#select_id").find("option:selected").text();  //  Select   Text

var checkValue=$("#select_id").val();  //  Select   Value

var checkIndex=$("#select_id ").get(0).selectedIndex;  //  Select      

var maxIndex=$("#select_id option:last").attr("index");  //  Select      

jQuery Select의 Option 항목 추가/삭제:
 $("#select_id").append("<option value='Value'>Text</option>");  // Select    Option(   )

 $("#select_id").prepend("<option value='0'>   </option>");  // Select    Option(     )

 $("#select_id option:last").remove();  //  Select      Option(    )

 $("#select_id option[index='0']").remove();  //  Select     0 Option(   )

 $("#select_id option[value='3']").remove();  //  Select Value='3' Option

 $("#select_id option[text='4']").remove();  //  Select Text='4' Option

좋은 웹페이지 즐겨찾기