Jquery 작업 select 매듭
7857 단어 jquery
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
$("#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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.