> 웹 프론트엔드 > JS 튜토리얼 > JQuery는 여러 선택 태그 옵션의 텍스트 내용을 가져옵니다(예)

JQuery는 여러 선택 태그 옵션의 텍스트 내용을 가져옵니다(예)

韦小宝
풀어 주다: 2018-01-25 11:06:35
원래의
1901명이 탐색했습니다.

아래 편집기는 여러 선택 태그 옵션의 텍스트 콘텐츠(예)를 얻기 위한 기사 JQuery를 제공합니다. 편집자님이 꽤 괜찮다고 하셔서 지금 jquery 소스코드를 공유하고 참고용으로 올려드리겠습니다. jquery에 관심이 있으신 분들은 에디터 따라 오셔서 구경해보세요

옵션의 id속성에 따라 텍스트 값을 수정해주세요

$("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true);
 $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true);
 $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true);
 $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);
로그인 후 복사

다중 선택에서 모든 옵션의 텍스트 값을 가져옵니다( class 속성, 컷 값은 동일합니다)

$("#sel_p .select_class option").each(function(){ //遍历所有option标签

   var text = $(this).text(); //获取option的text
   alert(text);//显示的是当前这个option的text值
   if(txt == "选择省")
     $("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true);
   if(txt == "选择市")
     $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true);
   if(txt == "选择区")
     $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true);
  if(txt == "选择街")
     $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);

 });
로그인 후 복사

선택 항목에 계단식 관계가 없으면 다음 방법을 사용하여 query

$("#sel_p .select_class option[id="+data.province+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.city+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.area+"]").attr("selected",true);
$("#sel_p .select_class option[id="+data.street+"]").attr("selected",true);
로그인 후 복사

에서 데이터를 표시할 수 있습니다. 모든 텍스트를 String에 철자하는 것과 동일한 모든 옵션을 얻으려면 각 문자를 맵에 저장

var map = $("#sel_p .select_class option").map(function(){

    alert($(this).text());//显示单个option的text  text1

    return $(this).text();
  }).get().join(",");

alert(map);//显示的是 text1,text2,text3
alert(map[0]);//显示 t
로그인 후 복사

위의 기준으로 개선하고 배열 배열을 사용하여 쿼리된 데이터를 저장하고 for 루프를 사용하여 Operate the data

var array = new Array();
  $("#leaf .form-control option").map(function(){
    array.push($(this).text());
  })
  for(var i = 0; i < array.length; i ++ ){
    alert(array[i]);//显示每个option的text  text1,text2,text3
  }
로그인 후 복사

위의 이 글은 JQuery가 다중 선택 태그 옵션의 텍스트 내용(예제)을 얻는 것은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다! !

관련 권장 사항:

jQuery의 DOM 노드 작업 방법 요약

bootstrap 편집 가능한 드롭다운 상자 jquery.editable-select 예제 자세한 설명

js, jQuery 및 easyui는 지정된 할당을 구현합니다. 드롭다운 상자 예시 공유

위 내용은 JQuery는 여러 선택 태그 옵션의 텍스트 내용을 가져옵니다(예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿