Jquery 작업 선택 인스턴스의 전체 컬렉션

이 글에서는 jQuerySelect로 선택한 텍스트와 값을 가져오는 과정, Select의 Option 항목에 대한 Select 작업을 추가/삭제하는 방법, 값을 가져오고 할당하는 방법, 선택 방법을 설정하는 방법을 요약하고 제공합니다. 해당 설명 .

jQuery는 Select로 선택한 텍스트와 값을 가져옵니다.
구문 설명:

$("#select_id").change(function(){//code...});    //为Select添加事件，当选择其中一项时触发   
var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text   
var checkValue=$("#select_id").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의 옵션 항목을 추가/제거합니다.

구문 설명:

$("#select_id").append("<option value=&#39;Value&#39;>Text</option>");   //为Select追加一个Option(下拉项)   
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");   //为Select插入一个Option(第一个位置)   
$("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)   
$("#select_id option[index=&#39;0&#39;]").remove();   //删除Select中索引值为0的Option(第一个)   
$("#select_id option[value=&#39;3&#39;]").remove();   //删除Select中Value=&#39;3&#39;的Option   
$("#select_id option[text=&#39;4&#39;]").remove();   //删除Select中Text=&#39;4&#39;的Option

jquery는 값 획득 및 선택 드롭다운 할당을 구현합니다. 상자를 선택하고 선택한 방법 백과사전을 설정합니다.

예를 들어

1. 값이 있는 항목을 pxx로 설정하여

$(".selector").val("pxx");

2를 선택하려면 텍스트가 있는 항목을 pxx로 설정하세요.
여기서 괄호 사용의 경우 대괄호 안의 등호 앞에 따옴표 없이

속성

이름이 옵니다. 대괄호를 사용하면 논리가 매우 단순해지는 경우가 많습니다.
3. 현재 선택한 항목의 값 가져오기

$(".selector").find("option[text='pxx']").attr("selected",true);

4. 현재 선택한 항목의 텍스트 가져오기

$(".selector").val();

여기에서는 콜론을 사용하므로 사용법을 숙지하고 다른 경우에 대한 추론도 수행하면 코드가 더 간단해집니다. .

선택의 계단식을 자주 사용합니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다.

jquery에서는 매우 간단합니다.

$(".selector").find("option:selected").text();

선택 옵션에 Value="paraValue"인 항목이 있는지 확인

선택 옵션에 항목 추가

선택 옵션에서 항목 삭제
선택 옵션에서 선택한 항목 삭제
값=paraValue 수정 " in the select option text is "paraText"
select에서 text="paraText"로 첫 번째 항목을 선택하도록 설정
select에서 value="paraValue"로 항목을 선택하도록 설정
현재 값 가져오기 selected item of select
Get the current selected item of select text
Get the current selected item of select
Clear the selected item

$(".selector1").change(function(){ 
// 先清空第二个 
$(".selector2").empty(); 
// 实际的应用中，这里的option一般都是用循环生成多个了 
var option = $("<option>").val(1).text("pxx"); 
$(".selector2").append(option); 
});

위 내용은 Jquery 작업 선택 인스턴스의 전체 컬렉션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!