> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 Select에 의해 선택된 텍스트와 값을 가져옵니다.

jQuery는 Select에 의해 선택된 텍스트와 값을 가져옵니다.

巴扎黑
풀어 주다: 2017-06-29 10:09:00
원래의
1278명이 탐색했습니다.

jQuery는 Select로 선택한 텍스트와 값을 가져옵니다.
구문 설명:
1. $("#select_id").change(function(){//code...}) //Add event 항목 중 하나가 선택되면 트리거되는 Select
2. var checkText=$("#select_id").find("option:selected").text() //Select로 선택한 텍스트 가져오기
3. =$( "#select_id").val(); //Select
4 값을 가져옵니다. var checkIndex=$("#select_id ").get(0).selectedIndex; Select5 . var maxIndex=$("#select_id option:last").attr("index"); //Select의 최대 인덱스 값 가져오기jQuery는 Select의 텍스트와 값을 설정합니다:
구문 설명:
1 . $(" #select_id ").get(0).selectedIndex=1; // 항목을 선택하려면 선택 인덱스 값을 1로 설정합니다. $("#select_id ").val(4); Select Value를 4로 항목이 선택되었습니다
3. $("#select_id option[text='jQuery']").attr("selected", true) //Select의 Text 값을 선택한 항목으로 설정합니다. jQuery

jQuery 옵션 항목 추가/삭제:
구문 설명:

1. $("#select_id").append(""); 선택 항목(드롭다운 항목)

2. $("#select_id").prepend("") //옵션 삽입( 첫 번째 위치) for Select
3 . $("#select_id option:last").remove() //Select(마지막 항목)
4에서 가장 큰 인덱스 값을 삭제합니다. index='0']").remove( ); //Select
5에서 인덱스 값이 0인 옵션(첫 번째 옵션)을 삭제합니다. $("#select_id option[value='3']").remove() ; //Select 'Option
5.$("#select_id option[text='4']").remove() //Select

에서 Text='4'인 옵션을 삭제합니다. http://www.cnblogs.com/ SAL2928/archive/2008/10/28/1321285.html

jquery 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 선택, 선택 선택 및 관련

값 가져오기 라디오 선택 항목 세트

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) //체크 여부 확인
라디오 그룹 radio: $("input[type=radio]").attr("checked",'2');//값=2인 항목을 현재 선택된 항목
드롭다운 상자 선택: $("#sel").attr("value",'-sel3');//value=-sel3을 사용하여 항목을 현재 선택된 항목으로 설정
$("< ;option value='1'>1111").appendTo("#sel")//드롭다운 상자 옵션 추가
$("#sel").empty();//드롭다운 상자 지우기

---- ---------- -------------- ---------- --------------

// 옵션 탐색 및 옵션 추가 및 제거

functionchangeShipMethod(shipping){

var len = $ ("select[name=ISHIPTYPE] 옵션").length

if(shipping.value != "CA"){
$(" select[name=ISHIPTYPE] 옵션").each(function(){
if($ (this).val() == 111){
$(this).remove();
}
});
} else{
$("

$(#testSelect 옵션:선택됨').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('');
$("").appendTo("#select")//옵션 추가 드롭다운 상자

약간의 설명:
1.select[name='country'] option[selected]는 이름 속성이 있음을 의미합니다.
그리고 속성 값은 selected 속성이 있는 옵션 요소입니다. '국가'의 요소 선택

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

3,checkbox:
$("input[@type=checkbox][@checked]").val() //Get the 체크박스에서 첫 번째 선택된 항목의 값
$("input[@type=checkbox][@checked]").each(function() { //체크박스는 일반적으로 여러 개의 선택된 항목을 가지므로 출력 가능 루프에서
alert($(this).val());
});

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

물론 jquery의 것입니다 선택기는 많은 방법이 있습니다.


< ;script 언어="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTest").change(function()
{
//alert ("안녕하세요");
//alert($("#selectTest").attr("name"));
//$("a").attr("href","xx.html")
//window.location. href="xx.html";
//alert($("#selectTest").val());
alert($("#selectTest 옵션[@selected]").text ());
$( "#selectTest").attr("value", "2");

});
});



jquery 라디오 값, 체크박스 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 가 선택되고 라디오로 선택된 항목 세트의 값을 가져오는 것과 관련됩니다
var item = $('input[@name=items][@checked]').val();
선택한 항목의 텍스트를 가져옵니다 select
var item = $("select[@name=items] option[@selected]").text();
select 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다
$('#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');//값=2인 항목 설정 -sel3을 현재 선택된 항목으로
$ ("2222 $("#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) / /체크 여부 판단
라디오 그룹 radio: $("input[@type=radio]"). attr("checked",'2');//값이 2인 항목을 현재 선택된 항목으로 설정
드롭다운 상자 선택: $("#sel").attr("value",'-sel3');// value=-sel3인 항목을 현재 선택된 항목으로 설정합니다.
$("<옵션 값 ='1'>1111").appendTo( "#sel")//드롭다운 상자 옵션 추가
$( "#sel").empty();//드롭다운 상자 지우기

위 내용은 jQuery는 Select에 의해 선택된 텍스트와 값을 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿