>  기사  >  웹 프론트엔드  >  선택 운전 제어 방식을 이용한 사용법 요약

선택 운전 제어 방식을 이용한 사용법 요약

巴扎黑
巴扎黑원래의
2017-06-29 10:12:371707검색

많은 친구들이 jquery select 작업에 관심이 많은데 인터넷에 너무 많은 것들이 있어서 Script House에서는 누구나 쉽게 찾을 수 있도록 Jquery Select 작업 방법을 특별히 정리했습니다.

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

jQuery는 Select에 의해 선택된 텍스트와 값을 가져옵니다.
구문 설명:
1. $("#select_id").change(function(){//code...}) //Select에 대한 이벤트 추가 , 항목 중 하나가 선택되면 트리거됩니다
2. var checkText=$("#select_id").find("option:selected").text() //Select로 선택한 텍스트 가져오기
3. $(" #select_id").val(); //Select로 선택한 값 가져오기
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //index값 가져오기;
5 of Select var maxIndex=$("#select_id option:last").attr("index"); //Select의 최대 인덱스 값 가져오기


jQuery는 Select의 텍스트와 값을 설정합니다.
Syntax 설명:
1. $("#select_id ").get(0).selectedIndex=1; //선택 인덱스 값을 1로 설정하여
2. //Select 값 설정 값이 4인 항목이 선택되었습니다
3. $("#select_id option[text='jQuery']").attr("selected", true) //Text 값을 설정합니다. jQuery가 선택된 항목이 되도록 Select



jQuery는 Select의 옵션 항목을 추가/제거합니다: 구문 설명:
1. $("#select_id").append(""); //선택을 위해 옵션 추가(드롭다운 항목)
2. $("#select_id").prepend("").appendTo($("select[@ name=ISHIPTYPE]"));
}
}


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

$(#testSelect option:selected').text();
or $("#testSelect ").find('option:selected').text();
or$ ("#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]는 name 속성이 있고
속성 값이 'country'의 select 요소에 selected 속성이 있는 옵션 요소라는 뜻입니다. @로 시작하는 것은 그 뒤에 속성이 따른다는 것을 의미합니다.

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

3,
Checkbox
: $("input[@type=checkbox][@checked]").val() //첫 번째로 선택한 항목의 값을 가져옵니다. the checkbox$("input[ @type=checkbox][@checked]").each(function(){ //일반적으로 여러 개의 확인란이 선택되므로 출력이 반복될 수 있습니다
alert($(this).val( ));
} );

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


当然jquery는 매우 유용합니다. 더 많은 방법이 있습니다.





아아아아

<--下拉框-->

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其상关获取一组radio被选中项的值
var item = $('input[@name=items][ @checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选라디오: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控 Manufacturer表单원素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",' 11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//불타勾
$("#chk2").attr("checked ",true);//打勾
if($("#chk1").attr('checked')==undefine) //判断是否已经打勾
单选组radio: $("input[@type =radio]").attr("checked",'2');//设置value=2당신의 项目为当前选中项
下拉框select: $("#sel").attr("value",'- sel3');//设置value=-sel3적 项目为当前选中项
$("1111 2222" ).appendTo("#sel")//添加下拉框적 옵션
$("#sel").empty();//清空下拉框

获取一组radio被选中项的值
var item = $ ('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选라디오: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控 Manufacturer表单원素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",' 11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//불타勾
$("#chk2").attr("checked ",true);//打勾
if($("#chk1").attr('checked')==undefine) //判断是否已经打勾
单选组radio: $("input[@type =radio]").attr("checked",'2');//设置value=2당신의 项目为当前选中项
下拉框select: $("#sel").attr("value",'- sel3');//设置value=-sel3의 项目为当前选中项
$("").appendTo("#sel")//옵션 추가 드롭다운 상자
$("#sel").empty(); //드롭다운 상자 지우기

자세한 내용은 다음 문서를 참조하세요.
Jquery 선택 작업 방법 모음 스크립트 하우스 특별판

위 내용은 선택 운전 제어 방식을 이용한 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.