jquery 작업 선택에 대한 자세한 설명(추가, 삭제, 지우기, 값 가져오기 등 포함)

1. 값이 pxx인 항목을 선택합니다.

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

2. 텍스트가 pxx인 항목을 선택합니다.

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

여기서 괄호 안의 등호는 속성으로 표시됩니다. 필수는 아닌 이름입니다. 따옴표를 추가하세요. 대괄호를 사용하면 논리가 매우 단순해지는 경우가 많습니다.

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

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

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

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

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

선택의 계단식 배열이 자주 사용됩니다. 즉, 두 번째 선택의 값이 첫 번째 선택에서 선택한 값으로 변경됩니다. 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选择的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 ").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 라디오 값, 체크박스 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 선택 및 관련
라디오 선택 항목 집합의 값 가져오기
var item = $('input[name= items][checked ]').val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("select[name=items] option[selected]").text()
드롭의 항목 번호 선택 -down box 두 요소는 현재 선택된 값입니다
$('#select_id')[0].selectedIndex = 1
radio 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값입니다
$('input[name= items]').get(1).checked = true;
값 가져오기:
텍스트 상자, 텍스트 영역: $("#txt").attr("value")
다중 선택 상자 확인란: $("# checkbox_id").attr ("값");
라디오 선택 그룹 라디오: $("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') ;//value=-sel3인 항목을 현재 선택된 항목으로 설정합니다.
$("11112222") .appendTo("#sel")//드롭다운 상자 옵션 추가
$("#sel").empty(); //드롭다운 상자 지우기

위 내용은 jquery 작업 선택에 대한 자세한 설명(추가, 삭제, 지우기, 값 가져오기 등 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!