Jquery 작업 select 매듭

7857 단어 jquery
매번 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');//     


  • 4
  • 다중 선택 상자 checkbox:
    $("#chk1").attr("checked",'');//   
    
    $("#chk2").attr("checked",true);//  
    
    if($("#chk1").attr('checked')==undefined) //         


  • 4
  • 라디오 그룹 라디오:
    $("input[@type=radio]").attr("checked",'2');//  value=2          


  • 4
  • 드롭다운 상자 선택:
    $("#sel").attr("value",'-sel3');//  value=-sel3         
    
    $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//      option

  • 좋은 웹페이지 즐겨찾기