"/> ">

>웹 프론트엔드 >JS 튜토리얼 >jquery 작업 선택 값 및 선택한 인스턴스 분석 설정

jquery 작업 선택 값 및 선택한 인스턴스 분석 설정

黄舟
黄舟원래의
2017-07-28 09:22:221527검색

jquery 작업 선택(추가, 삭제, 지우기)

jQuery Select: 에서 선택한 TextValue 가져오기

$("#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의 옵션 항목 제거:

$("#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;的Optiona 

$("#select_id option[text=&#39;4&#39;]").remove(); //删除Select中Text=&#39;4&#39;的Optiona

내용 지우기:

$("#charCity").empty();

select

를 실행할 때마다 항상 나가서 정보를 찾아봐야 하는 이유는 제가 직접 요약해 보겠습니다. 미래.
예를 들어 f47b572de00409da02ec5e7a3675b5d318bb6ffaf0152bbe49cd8a3620346341

1.

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

를 선택하려면 값이 있는 항목을 pxx로 설정하세요.

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

를 선택하려면 텍스트가 있는 항목을 pxx로 설정하세요. 여기에 대괄호가 있습니다. 사용법을 위해 대괄호 안의 등호 앞에는 따옴표 없이 속성 이름이 옵니다. 대괄호를 사용하면 논리가 매우 단순해지는 경우가 많습니다.

3. 현재 선택한 항목의 값 가져오기

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

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

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

여기서는 콜론을 사용하며, 콜론의 사용법과 추론을 익히면 코드도 더 간단해집니다.

캐스케이드

selects

가 자주 사용됩니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다. jquery에서는 매우 간단합니다. 예:

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

jQuery는 Select로 선택한 텍스트와 값을 가져옵니다.

구문 설명:

$("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发var 
checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Textvar 
checkValue=$("#select_id").val();  //获取Select选择的Valuevar 
checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值var 
maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery는 Select로 선택한 텍스트와 값을 설정합니다.

구문 설명:

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   // 设置Select的Value值为4的项选中
$("#select_id option[text=&#39;jQuery&#39;]").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery는 옵션을 추가/제거합니다. 선택 항목:

구문 설명:

$("#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 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 선택, 선택 선택 및 관련

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

var item = $(&#39;input[name=items][checked]&#39;).val();

Get select 선택한 항목의 텍스트

var item = $("select[name=items] option[selected]").text();

선택 드롭다운 상자의 두 번째 요소는 현재 선택한 값입니다.

$(&#39;#select_id&#39;)[0].selectedIndex = 1;

radio 라디오 그룹의 두 번째 요소는 현재 선택한 값입니다.

$(&#39;input[name=items]&#39;).get(1).checked = true;

값 가져오기 :

텍스트 상자, 텍스트 영역: $("#txt").attr("value");

다중 선택 상자 확인란: $("#checkbox_id").attr("value"); ("input[type =radio][checked]").val();
드롭다운 상자 선택: $('#sel').val();
컨트롤 양식 요소:
텍스트 상자, 텍스트 영역:

$("#txt").attr("value",&#39;&#39;);//清空内容 
$("#txt").attr("value",&#39;11&#39;);//填充内容

다중 선택 상자 확인란:
$("#chk1").attr("checked",&#39;&#39;);//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr(&#39;checked&#39;)==undefined) //判断是否已经打勾

라디오 선택 그룹 라디오:

 $("input[type=radio]").attr("checked",&#39;2&#39;);//设置value=2的项目为当前选中项

드롭다운 상자 선택:

$("#sel").attr("value",&#39;-sel3&#39;);//设置value=-sel3的项目为当前选中项 
$("<option value=&#39;1&#39;>1111</option><option value=&#39;2&#39;>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();//清空下拉框

위 내용은 jquery 작업 선택 값 및 선택한 인스턴스 분석 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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