JQuery를 사용하여 선택 구성 요소에 지정된 값을 선택하는 방법

이번에는 JQueryselect 컴포넌트에 지정된 값을 선택하는 방법을 알려드리겠습니다. JQuery가 select 컴포넌트에 지정된 값을 선택할 때 나타나는 Notes는 무엇인지 살펴보겠습니다. ”

$(“#ddlregtype”).find(“option:selected”).text();

의 세트 SELECT:

선택한 인덱스 선택 설정:

$(“#ddlregtype “).val();

SELECT로 선택한 선택한 값 설정:

$(“#ddlregtype “).get(0).selectedindex;

선택한 텍스트 설정:

$(“#ddlregtype “).get(0).selectedindex=index;//index为索引值

옵션 항목 설정:

R

(“#ddlregtype “).attr(“value”,”normal“);(“#ddlregtype “).attr(“value”,”normal“);(“#ddlregtype “).val(“normal”); 
$(“#ddlregtype “).get(0).value = value;

선택 취소:

var count=$("#ddlregtype option").length;
 for(var i=0;i<count;i++)
   {      if($("#ddlregtype ").get(0).options[i].text == text)
    {
      $("#ddlregtype ").get(0).options[i].selected = true;
      break;
    }
  }
$("#select_id option[text=&#39;jquery&#39;]").attr("selected", true);

작품은 두 가지 형태로 가치를 얻어야 합니다. 그림에 표시된 대로:

왼쪽 선택 상자에서 오른쪽 선택 상자에 값을 추가하는 방법은 무엇입니까? 이를 얻기 위해 웹페이지 특수 효과를 사용할까도 생각했는데, 여기서는 더 많이 사용되는 jquery를 사용했습니다. ：JS 코드는 다음과 같습니다: 代

$("#select_id").append("<option value=&#39;value&#39;>text</option>"); //添加一项option
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的option
$("#select_id option[index='0']").remove();//删除索引值为0的option
$("#select_id option[value='3']").remove(); //删除值为3的option
$("#select_id option[text='4']").remove(); //删除text值为4的option

R

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

E

HTML로 직접 작성할 수 없다는 점은 주목할 가치가 있습니다. 옵션 1 옵션 2

옵션 3

옵션 5

옵션 6

옵션 7

오른쪽에 선택하여 추가>>

오른쪽에 모두 추가>>

<<왼쪽에 선택하여 삭제

<<왼쪽에 모두 삭제

JQuery 및 Ajax를 사용하여 옵션을 선택하세요

//获取所有属性值 var item = $("#select1").val();
$(function(){
 $('#select1').each( //获得select1的所有值
   function(){
    $('button').click(function(){
      alert($('#select2').val()); //获得select2中的select1值
    });
   });
})
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 
추천 도서: 
axios를 사용하여 vue.js에서 다운로드 기능을 구현하는 방법
axios 오류 처리 방법

위 내용은 JQuery를 사용하여 선택 구성 요소에 지정된 값을 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!