jQuery 선택 작업 제어 방법 요약_jquery

여기에 있는 코드의 대부분은 jquery 1.32 이전 버전(이후 버전에서는 더 이상 @를 지원하지 않음)에 대한 것이므로 빈 코드로 바꾸고 테스트해 보세요.

jQuery는 Select의 텍스트와 값을 가져옵니다.
구문 설명:
1. $("#select_id").change(function(){//code. ..}); //항목 중 하나가 선택되면 실행되는 Select 이벤트를 추가합니다.
2. var checkText=$("#select_id").find("option:selected").text( ); // Select로 선택한 텍스트 가져오기
3. var checkValue=$("#select_id").val() //Select로 선택한 값 가져오기
4. select_id ").get( 0).selectedIndex; //Select

에서 선택한 인덱스 값을 가져옵니다. var maxIndex=$("#select_id option:last").attr("index"); / /Select의 최대 인덱스 값 가져오기

jQuery는 Select의 텍스트와 값을 설정합니다.
구문 설명:
1. 0).selectedIndex=1; / /Select index 값을 1로 설정하여 선택
2. $("#select_id ").val(4) //Select Value를 4로 설정하여 선택
3. $("#select_id ") option[text='jQuery']").attr("selected", true); //Select의 Text 값을 선택한 jQuery 항목으로 설정


Select Option 항목을 추가/삭제하는 jQuery:
구문 설명:
1. $("#select_id").append("Text") ; //Select에 옵션(드롭다운 항목) 추가
2. $("#select_id").prepend("를 선택하세요.") //옵션 삽입(첫 번째 위치) for Select
3. $("#select_id option :last").remove(); //Select에서 가장 큰 index 값을 가진 Option(마지막 것)
4. [index='0']").remove(); //Select에서 인덱스 값이 0인 옵션 삭제(첫 번째)
5. $("#select_id option[value='3']") .remove(); //Select
에서 값이 '3'인 옵션을 삭제합니다. $("#select_id option[text='4']").remove(); ='4'


//트래버스 옵션 선택 및 옵션 추가 및 제거
functionchangeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] 옵션 ").length
if(shipping.value != "CA") {
$("select[@name=ISHIPTYPE] 옵션").each(function(){
if($(this ).val() == 111){
$(this).remove();
}
})
}else{
$("UPS Ground").appendTo($("select[@name=ISHIPTYPE]" ));
}
}


//드롭다운 메뉴의 선택 값 가져오기

$(#testSelect option:selected').text(); 또는 $("#testSelect").find('option:selected').text(); ("#testSelect").val()
/////// ///////////////////////// /////////////////////// /////////
기억력이 좋지 않은 경우 저장할 수 있습니다.
1, 드롭다운 상자:

var cc1 = $(".formc select[@name='country' ] option[@selected]").text(); 드롭다운 메뉴에서 선택한 항목(가운데 공백에 주의)
var cc2 = $('.formc select[@name="country"]' ).val() //값을 가져옵니다. 드롭다운 메뉴에서 선택한 항목
var cc3 = $('.formc select[@name="country"]').attr("id") //드롭다운 메뉴 ID 속성 값 가져오기 메뉴에서 선택한 항목
$("#select").empty();//드롭다운 상자 지우기//$("#select").html('')
$( "
1111
").appendTo("#select")//드롭다운 상자 옵션 추가 설명:
1.select[@name=' country'] 옵션[ @selected]는 name 속성이
이고 속성 값이 'country'인 select 요소에서 selected 속성이 있는 옵션 요소를 의미합니다. @로 시작하는 모든 항목을 볼 수 있습니다. 뒤에 속성이 따른다는 뜻입니다.

2, 라디오 버튼:
$("input[@type=radio][@checked]").val() //라디오 버튼의 선택된 항목 값을 가져옵니다(참고). 중간 공백 없음)
$("input[@type=radio][@value=2]").attr("checked",'checked') //라디오 버튼 값=2를 선택한 항목으로 설정 state.(중간에 공백이 없다는 점에 유의하세요)

3, 체크박스:
$("input[@type=checkbox][@checked]").val(); 체크박스 선택 받기 첫 번째 항목의 값
$("input[@type=checkbox][@checked]").each(function(){ //체크박스는 여러 개 선택하는 것이 일반적이므로 출력은 반복됨
alert($(this).val());
})

$("#chk1").attr("checked",'');//선택 취소
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==undefine){} // 확인되었는지 확인


물론 jquery의 선택기는 여러 가지 방법이 있습니다.





아아앙



11
22
33
44
55
66

jquery radio는 값을, checkbox는 값 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 선택 및 라디오 선택 항목 집합의 값을 얻기 위한 관련
var item = $('input[@name=items][@checked]' ).val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("select[@name=items] option[@selected]").text(); 드롭다운 상자의 항목 두 요소는 현재 선택된 값입니다.
$('#select_id')[0].selectedIndex = 1
라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값입니다. value
$('input[@ name=items]').get(1).checked = true
값 가져오기:
텍스트 상자, 텍스트 영역: $("#txt").attr ("value");
다중 체크박스: $("#checkbox_id").attr("value")
라디오 그룹 라디오: $("input[@type=radio][@checked]") .val();
드롭다운 상자 선택: $('#sel').val();
제어 양식 요소:
텍스트 상자, 텍스트 영역: $("#txt"). attr("value",'') ;//내용 지우기
$("#txt").attr("value",'11');//내용 채우기
다중 선택 상자 확인란: $( "#chk1").attr(" 확인됨",'');//선택 취소됨
$("#chk2").attr("checked",true);//선택됨
if($(" #chk1").attr ('checked')==undefine) //
라디오 그룹 라디오가 확인되었는지 확인: $("input[@type=radio]").attr("checked",' 2');// 값=2인 항목을 현재 선택된 항목으로 설정
드롭다운 상자 선택: $("#sel").attr("value",'-sel3');//설정 현재 선택된 항목으로 value=-sel3인 항목
$("
1111 2222").appendTo("#sel")//드롭 옵션 추가 -down box $("#sel").empty( ); //드롭다운 상자 지우기

라디오 선택 항목 세트의 값 가져오기
var item = $( 'input[@name=items][@checked]').val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("select[@name=items] option[@ selected]").text();
선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다.
$('#select_id')[0].selectedIndex = 1;
두 번째 요소 라디오 라디오 선택 그룹의 요소는 현재 선택된 값입니다
$('input[@name=items]' ).get(1).checked = true
값 가져오기:
텍스트 상자, 텍스트 지역: $("#txt").attr("value");
다중 선택 상자 확인란: $ ("#checkbox_id").attr("value")
라디오 선택 그룹 라디오: $( "input[@type=radio][@checked]").val();
드롭다운 상자 선택: $('#sel').val()
제어 양식 요소:
텍스트 상자, 텍스트 영역: $("#txt").attr("value",'');//내용 지우기
$("#txt").attr("value",'11') ;//내용 채우기
다중 선택 상자 확인란: $("#chk1").attr("checked",'' );//선택 취소됨
$("#chk2").attr("checked" ,true);//체크됨
if($("#chk1").attr('checked') ==undefine) //
라디오 그룹 라디오가 체크되었는지 여부를 판단합니다: $("input[@ type=radio]").attr("checked",'2');//설정 값=2 해당 항목은 현재 선택된 항목입니다.
드롭다운 상자 선택: $("#sel").attr( "value",'-sel3');//항목 설정 값=-sel3이 현재 선택된 항목입니다
$( "
11112222").appendTo(" #sel")//드롭다운 상자 옵션 추가$("#sel").empty();//드롭다운 상자 지우기

자세한 내용은 다음을 참조하세요. 다음 기사:

Jquery 선택 작업 방법 컬렉션 스크립트 하우스 스페셜 에디션