select_jquery에 의해 선택된 텍스트와 값을 가져오는 jQuery의 예-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 17:10:14

원래의

1175명이 탐색했습니다.

선택 가져오기:
선택한 텍스트 가져오기:
$("#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("text< ;/option>"); //옵션 추가 
$("#select_id").prepend("선택하세요"); // 앞에 옵션 삽입 
$("#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 옵션을 동적으로 채웁니다

코드 복사

코드는 다음과 같습니다.

//ClassLevel1 클릭 이벤트 바인딩$("#ClassLevel1").change(function () { var id = $("#ClassLevel1").val(); var level2 = $("#ClassLevel2"); level2.empty()

$("#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($("" json[ind].typename "")) 
} 

} 
}) 