jQuery는 Select로 선택된 텍스트와 값을 가져옵니다(자세한 요약)_jquery

구문 설명:

코드 복사 코드는 다음과 같습니다.

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. var checkIndex =$("#select_id ").get(0).selectedIndex; //Select
로 선택한 인덱스 값 가져오기 5. var maxIndex=$("#select_id 옵션: last").attr("index"); //Select의 최대 인덱스 값 가져오기

jQuery는 Select의 텍스트와 값을 설정합니다.
구문 설명:

코드 복사 코드는 다음과 같습니다.

1.$("#select_id ").get(0). selectedIndex=1; //선택 인덱스 값을 1로 설정하여
2. $("#select_id ").val(4) // 항목을 선택하려면 선택 값을 4로 설정합니다.
3 . $("#select_id option[text='jQuery']") .attr("selected", true); //Select의 Text 값을 선택한 jQuery 항목으로 설정

jQuery가 추가합니다. /Select의 옵션 항목 제거:
구문 설명:

코드 복사 코드는 다음과 같습니다.

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

jquery 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 선택, 선택 선택 및 관련
라디오 선택 항목 집합의 값 가져오기

var item = $ ('input[name=items][checked]').val();
선택한 항목 가져오기 선택한 항목의 텍스트
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);// Check
if($("#chk1").attr('checked')==undefine) //체크 여부 확인
라디오 선택 그룹 라디오 확인: $("input[type=radio] ").attr("checked",'2');//값=2인 항목을 현재 선택된 항목으로 설정
드롭다운 상자 선택 ： $("#sel").attr("value" ,'-sel3');//값=-sel3인 항목을 현재 선택된 항목으로 설정
$(" 11112222").appendTo("#sel")//드롭다운 상자 옵션 추가
$("#sel").empty( ); //드롭 지우기- 다운박스
---------------------------- ----- -------------------------------- ----- -----

코드 복사 코드는 다음과 같습니다. // 트래버스 옵션 옵션 추가 및 제거

functionchangeShipMethod(shipping){

var len = $("select[name=ISHIPTYPE] option").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(' 옵션:선택됨 ' ).text();
또는 $("#testSelect").val()
/////////////////// //////////////////////////////////////////////////////
기억력이 나빠도 괜찮아 즐겨찾기:
1, 드롭다운 상자:

코드 복사 코드는

var cc1 = $(".formc select[name='country'] option[selected]").text() //선택한 항목의 텍스트를 가져옵니다. 드롭다운 메뉴(가운데 공백에 주의하세요)
var cc2 = $( ' .formc select[name="country"]').val() //드롭에서 선택한 항목의 값을 가져옵니다. -down menu
var cc3 = $('.formc select[name="country"]'). attr ("id") //드롭다운 메뉴에서 선택한 항목의 ID 속성 값 가져오기
$("#select").empty();//드롭다운 상자 지우기//$("#select").html ( '');
$("1111").appendTo("#select")//드롭다운 상자 옵션 추가

약간의 설명:
1.select[ name='country'] option[selected]는 name 속성이
이고 속성 값이 'country'인 select 요소에서 selected 속성이 있는 옵션 요소를 의미합니다.

2, 라디오 버튼 :

코드 복사 코드는 다음과 같습니다.

$("input[@type= radio][@checked]").val(); //라디오 버튼의 선택된 항목 값을 가져옵니다. (가운데 공백이 없다는 점에 유의하세요.)
$("input[@type= radio ] [@value=2]").attr("checked",'checked'); //라디오버튼 값=2를 선택된 상태로 설정합니다. (중간에 공백이 없다는 점 주의)

3. 체크박스:

코드 복사 코드는 다음과 같습니다.

$("input[ @ type=checkbox][@checked]").val(); //체크박스에서 처음 선택한 항목의 값을 가져옵니다
$("input[@type=checkbox][@checked ]").each (function() { //체크박스는 일반적으로 여러 개 선택되므로 루프로 출력할 수 있습니다.
alert($(this).val());
});

$ ("#chk1").attr("checked",'');//선택 해제됨
$("#chk2").attr("checked",true);// 선택됨
if ($("#chk1").attr('checked')==undefine){} //체크되었는지 확인

물론 jquery의 선택기가 강력합니다. more 메소드

코드 복사 코드는 다음과 같습니다.

aaass



11
22 3" >33
<옵션 값="4">44
<옵션 값="5">55
< option value ="6">66

jquery 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 선택, 선택 선택 및 관련 그룹 라디오 획득 선택한 항목의 값
var item = $('input[@name=items][@checked]').val()
선택한 항목의 텍스트 가져오기
var item = $ ( "select[@name=items] option[@selected]").text()
선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다.
$('#select_id')[0 ]. selectedIndex = 1;
radio 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다
$('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인 항목을 현재 선택한 항목
드롭다운 상자로 설정 select: $("# sel").attr("value",'-sel3');//value=-sel3인 항목을 현재 선택된 항목으로 설정
$(" 2222$(" #sel").empty(); // 드롭다운 상자 지우기

라디오 선택 항목 그룹의 값 가져오기
var item = $('input[@name=items][@ selected]').val();
선택한 항목 가져오기 선택한 항목의 텍스트
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< ;/option>").appendTo("#sel")//드롭다운 상자 옵션 추가
$("# sel").empty(); // 드롭다운 상자 지우기