jQuery는 Select로 선택한 텍스트와 값을 받습니다:
문법 설명:
1. $("#select_id").change(function(){//code...}); Select에 이벤트를 추가하는데, 이 이벤트는 선택 중 하나가
2. var checkText=$("#select_id").find("option:selected").text(); 선택된 텍스트를 선택해 보세요
3. var checkValue=$("#select_id").val(); 선택이 선택한 값
4. var checkIndex=$("#select_id ").get(0).selectedIndex; Select에서 선택한 인덱스 값 받기
5. var maxIndex=$("#select_id option:last").attr("index"); Select의 가장 큰 인덱스 값을 얻으세요
jQuery는 Select로 선택한 텍스트와 값을 설정합니다:
문법 설명:
1. $("#select_id ").get(0).selectedIndex=1; 인덱스 값이 1인 항목을 선택하도록 선택을 설정하세요
2. $("#select_id ").val(4); 선택한 항목에 대해 선택값 선택(Select) 값을 4로 설정하세요
3. $("#select_id option[text='jQuery']").attr("selected", true); Select의 텍스트 값을 jQuery로 설정하세요
jQuery는 선택(Select)을 위한 옵션 항목을 추가/제거합니다:
문법 설명:
1. $("#select_id").append("<option value='Value'>Text</option>"); 선택 옵션 추가하기
2. $("#select_id").prepend("<option value='0'> "선택하세요</option>); 선택을 위한 옵션(첫 번째 위치) 삽입
3. $("#select_id option:last").remove(); Select(마지막)에서 가장 큰 인덱스 값을 가진 옵션을 삭제하세요.
4. $("#select_id 옵션[index='0']").remove(); 선택 옵션(첫 번째 옵션)에서 인덱스 값 0을 제거하세요
5. $("#select_id 옵션[value='3']").remove(); 선택에서 value='3' 옵션을 삭제하세요
5. $("#select_id option[text='4']").remove(); 선택에서 텍스트='4'로 옵션을 삭제하세요
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html
jquery 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 체크, 선택 선택 등으로 이어집니다
라디오에서 선택한 항목들의 값을 얻습니다
var item = $('input[@name=items][@checked]').val();
선택한 항목의 텍스트를 받아냅니다
var item = $("select[@name=items] option[@selected]").text();
선택 드롭다운 박스의 두 번째 요소는 현재 선택된 값입니다
$('#select_id')[0].selectedIndex = 1;
라디오 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다
$('input[@name=items]').get(1).checked = true;
값 얻기:
텍스트 박스, 텍스트 영역: $("#txt").attr("value");
멀티 체크박스:$("#checkbox_id").attr("value");
라디오: $("input[@type=라디오][@checked]").val();
드롭다운 선택: $('#sel').val();
제어 형태 요소:
텍스트 박스, 텍스트 영역: $("#txt").attr("value",''); 내용물을 비워
$("#txt").attr("value", '11'); 내용을 채워 넣으세요
체크박스: $("#chk1").attr("체크",''); 틱 소리 없음
$("#chk2").attr("checked", 참); 체크
if($("#chk1").attr('checked')==undefined) // 체크되었는지 확인
라디오: $("input[@type=radio]).attr("checked",'2'); 값=2인 항목이 현재 선택된 항목입니다
드롭다운 선택: $("#sel").attr("value",'-sel3'); 값을 =-sel3을 현재 선택된 항목으로 설정하세요
$("<option value='1'>1111</option><option value='2'>222</option>").appendTo("#sel")//드롭다운 박스의 옵션 추가(Add the option for the options)
$("#sel").empty(); 드롭다운 박스를 지우세요
----------------------------------------------------------------------------------------------------
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<옵션 값='111'>UPS 접지</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉選單的選取值
$(#testSelect option:selected').text();
또는 $("#testSelect").find('option:selected').text();
또는 $("#testSelect").val();
//////////////////////////////////////////////////////////////////
기억력이 좋지 않다면 다음을 수집할 수 있습니다:
1. 드롭다운 박스:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); 선택한 항목의 텍스트를 드롭다운 메뉴에서 확인하세요 (가운데 공백 주목하세요)
var cc2 = $('.formc select[@name="country"]').val(); 드롭다운 메뉴에서 선택한 아이템의 가치를 확인하세요
var cc3 = $('.formc select[@name="country"]').attr("id"); 드롭다운 메뉴에서 선택한 항목의 ID 속성 값을 확인하세요
$("#select").empty(); 드롭다운 박스를 비우세요 //$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//드롭다운 박스의 옵션 추가하기
조금 설명하자면:
1. select[@name='country'] option[@selected]는 이름 속성을 가진다는 의미입니다.
그리고 property 값은 선택 속성이 'country'의 select 요소에 있는 옵션 요소입니다;
@로 시작하는 것은 속성 다음에 이어진다는 의미임을 알 수 있습니다.
2. 라디오 박스:
$("input[@type=radio][@checked]").val(); 라디오 박스 내에서 선택한 항목의 값을 얻습니다 (중앙에 공백이 없음을 참고하세요).
$("input[@type=radio][@value=2]").attr("checked", 'checked'); 라디오 박스 값=2를 선택한 상태로 설정하세요. (중간에 공간이 없다는 점에 주목하세요)
3. 체크박스:
$("input[@type=체크박스][@checked]").val(); 체크박스에서 처음 체크한 항목의 값을 받습니다
$("input[@type=체크박스][@checked]").each(function(){ // 체크박스는 보통 여러 체크박스에 대해 체크하기 때문에 루프아웃할 수 있습니다
alert($(this).val());
});
$("#chk1").attr("체크",''); 틱 소리 없음
$("#chk2").attr("checked", 참); 체크
if($("#chk1").attr('checked')==undefined{} //체크되었는지 확인
물론 jquery의 셀렉터는 강력합니다. 방법은 훨씬 더 많습니다.
<scrip remove t src="jquery-1.2.1.js" type="text/javascrip remove t"></scrip去掉t>
<scrip remove t language="javascrip remove t" type="text/javascrip remove t" >
$(document).ready(function(){
$("#selectTest").change(function()
{
alert("안녕");
alert($("#selectTest").attr("name"));
$("a").attr("href","xx.html");
window.locatio는 n.href="xx.html"를 제거합니다;
alert($("#selectTest").val());
alert($("#selectTest 옵션[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
. .</scrip去掉t> .
<a href="#">aaass</a>
<!-- 드롭다운 박스 - >
<select id="selectTest" name="selectTest">
<옵션 값="1">11</option>
<옵션 값="2">22</option>
<옵션 값="3">33</option>
<옵션 값="4">44</option>
<옵션 값="5">55</option>
<옵션 값="6">66</option>
</select>
jquery 라디오, 체크박스, 셀렉트, 라디오, 체크박스, 셀렉트 등과 관련된 라디오 선택 항목 집합의 값을 얻기 위해 사용됩니다
var item = $('input[@name=items][@checked]').val();
선택한 항목의 텍스트를 받아냅니다
var item = $("select[@name=items] option[@selected]").text();
선택 드롭다운 박스의 두 번째 요소는 현재 선택된 값입니다
$('#select_id')[0].selectedIndex = 1;
라디오 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다
$('input[@name=items]').get(1).checked = true;
값 얻기:
텍스트 박스, 텍스트 영역: $("#txt").attr("value");
멀티 체크박스:$("#checkbox_id").attr("value");
라디오: $("input[@type=라디오][@checked]").val();
드롭다운 선택: $('#sel').val();
제어 형태 요소:
텍스트 박스, 텍스트 영역: $("#txt").attr("value",''); 내용물을 비워
$("#txt").attr("value", '11'); 내용을 채워 넣으세요
체크박스: $("#chk1").attr("체크",''); 틱 소리 없음
$("#chk2").attr("checked", 참); 체크
if($("#chk1").attr('checked')==undefined) // 체크되었는지 확인
라디오: $("input[@type=radio]).attr("checked",'2'); 값=2인 항목이 현재 선택된 항목입니다
드롭다운 선택: $("#sel").attr("value",'-sel3'); 값을 =-sel3을 현재 선택된 항목으로 설정하세요
$("<optionvalue='1'> 1111</option><optionvalue='2'>2222</option> appendTo("#sel")//드롭다운 박스 옵션 추가하기
$("#sel").empty(); 드롭다운 박스를 지우세요
라디오에서 선택한 항목들의 값을 얻습니다
var item = $('input[@name=items][@checked]').val();
선택한 항목의 텍스트를 받아냅니다
var item = $("select[@name=items] option[@selected]").text();
선택 드롭다운 박스의 두 번째 요소는 현재 선택된 값입니다
$('#select_id')[0].selectedIndex = 1;
라디오 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다
$('input[@name=items]').get(1).checked = true;
값 얻기:
텍스트 박스, 텍스트 영역: $("#txt").attr("value");
멀티 체크박스:$("#checkbox_id").attr("value");
라디오: $("input[@type=라디오][@checked]").val();
드롭다운 선택: $('#sel').val();
제어 형태 요소:
텍스트 박스, 텍스트 영역: $("#txt").attr("value",''); 내용물을 비워
$("#txt").attr("value", '11'); 내용을 채워 넣으세요
체크박스: $("#chk1").attr("체크",''); 틱 소리 없음
$("#chk2").attr("checked", 참); 체크
if($("#chk1").attr('checked')==undefined) // 체크되었는지 확인
라디오: $("input[@type=radio]).attr("checked",'2'); 값=2인 항목이 현재 선택된 항목입니다
드롭다운 선택: $("#sel").attr("value",'-sel3'); 값을 =-sel3을 현재 선택된 항목으로 설정하세요
$("<option value='1'>1111</option><option value='2'>222</option>").appendTo("#sel")//드롭다운 박스의 옵션 추가(Add the option for the options)
$("#sel").empty(); 드롭다운 박스를 지우세요
|
게시됨 2015. 7. 30. 오전 11:20:50
|
|
|
게시됨 2015. 7. 30. 오후 4:13:16