Jquery 작업 select 매듭

매번 select를 조작할 때마다 자료를 찾아서 아예 정리해야 한다.
select에 placeholder 설정

<select class="form-control selOP" placeholder="Pick Orchestration Plan">

      <option value="" disabled selected style='display:none;'>Pick Orchestration Plan</option>

      <option value="Residential">Quad Play</option>

      <option value="Residential West">Plan 1</option>

</select>

Select에 이벤트를 추가하여 둘 중 하나를 선택하면 트리거합니다.

$("#select_id").change(function(){

    //code...

});

jQuery가 Select에서 선택한 Text 및 Value를 가져옵니다.

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

var checkValue=$("#select_id").find("option:selected").val(); //  Select   Value

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

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

jQuery 설정Select 선택의 Text 및 Value:

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

$("#select_id ").val(4);                 //  Select Value  4    

$("#select_id option[text='jQuery']").attr("selected", true); //  Select Text  jQuery

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

option 및 추가, 제거

function changeShipMethod(shipping){

　　var len = $("select[@name=ISHIPTYPE] option").length；

　　if(shipping.value != "CA"){

　　　　$("select[@name=ISHIPTYPE] option").each(function(){

　　　　　　if($(this).val() == 111){

　　　　　　$(this).remove();

　　　　}

　　　　});

　　}else{

　　　　$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));

　　}

}

드롭다운 상자 비우기

$("#sel").empty()；
document.all.objSelect.options.length = 0;

양식 요소를 제어하려면 다음과 같이 하십시오.
4

텍스트 상자, 텍스트 영역:

$("#txt").attr("value",'');//    

$("#txt").attr("value",'11');//

다중 선택 상자 checkbox:

$("#chk1").attr("checked",'');//   

$("#chk2").attr("checked",true);//  

if($("#chk1").attr('checked')==undefined) //

라디오 그룹 라디오:

$("input[@type=radio]").attr("checked",'2');//  value=2

드롭다운 상자 선택:

$("#sel").attr("value",'-sel3');//  value=-sel3         

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//      option

Jquery 작업 select 매듭

좋은 웹페이지 즐겨찾기