>  기사  >  웹 프론트엔드  >  select_jquery에 의해 선택된 텍스트와 값을 가져오는 jQuery의 예

select_jquery에 의해 선택된 텍스트와 값을 가져오는 jQuery의 예

WBOY
WBOY원래의
2016-05-16 17:10:141127검색

선택 가져오기:
선택한 텍스트 가져오기:
$("#ddlregtype").find("option:selected").text()

선택한 값 가져오기:
$(" #ddlregtype ").val();

선택한 인덱스 가져오기:
$("#ddlregtype ").get(0).selectedindex;

선택 설정:
선택 항목 색인 설정:
$("#ddlregtype ").get(0).selectedindex=index;//index는 색인 값입니다.

선택 항목 값 설정:

코드 복사 코드는 다음과 같습니다.

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

선택한 텍스트 선택 설정:
코드 복사 코드는 다음과 같습니다.

var count= $ ("#ddlregtype 옵션").length;
for(var i=0;i{ if($("#ddlregtype ").get(0).options[i] . 텍스트 == 텍스트)
{
$("#ddlregtype ").get(0).options[i].selected = true
break
}
}
$("#select_id option[text='jquery']").attr("selected", true);

선택 옵션 항목 설정:
코드 복사 코드는 다음과 같습니다.

$("#select_id").append(""); // 앞에 옵션 삽입
$("#select_id option:last").remove() //인덱스 값이 가장 큰 옵션 제거
$("#select_id option[index='0'] ").remove();//인덱스 값이 0인 옵션 삭제
$("#select_id option[value='3']").remove(); //인덱스 값이 3인 옵션 삭제
$(" #select_id option[text='4']").remove(); //텍스트 값이 4인 옵션 삭제

선택 지우기:

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

작업은 두 가지 형식의 값을 가져와야 합니다. 그림과 같이:

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

//모든 속성 가져오기 값 var item = $("#select1").val();
$(function(){
$('#select1').each( //모든 값 가져오기 ​​of select1
function( ){
$('button').click(function(){
alert($('#select2').val()); //select1 값 가져오기 in select2
});
})



로 직접 작성할 수 없다는 점에 유의하세요.
코드 복사 코드는 다음과 같습니다.
$(function(){
$(' #select2').each( //select1의 모든 값을 가져옵니다. 위에서 언급한 것처럼 옵션은 왼쪽에서 오른쪽으로 추가되기 때문에 jquery는 실제로 왼쪽에서 오른쪽으로 값을 전달하지 않습니다.
함수 (){
$('button').click(function(){
Alert($(this).val()); //select2에서 select1 값 가져오기
}); >})
})


html:


코드 복사 코드는 다음과 같습니다. 다음:





<<삭제하려면 선택하세요. 왼쪽으로
<왼쪽으로 모두 제거


JQuery, Ajax 호출을 사용하여 Select 옵션을 동적으로 채웁니다




코드 복사


코드는 다음과 같습니다. $("#ClassLevel3").hide()
$.ajax({
url : "./askCommon.ashx?action=getclasslevel&pid=" id,
data: { "type": "ajax" },
datatype: "json",
type: "get",
성공: 함수 (데이터) {
var json = eval_r(data);
for (var ind in json) {
level2.append($(""))
}

}
})

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