jQuery가 Select에서 옵션의 텍스트 값과 값 값을 얻는 방법

不言
풀어 주다: 2018-08-15 10:48:33
원래의
4397명이 탐색했습니다.

이 글의 내용은 jQuery가 Select에서 옵션의 Value 값을 얻는 방법에 대한 것입니다. 필요한 친구들이 참고하면 좋겠습니다.

라디오에서 선택한 항목 집합의 값 가져오기:

var item = $('input[name=items][checked]').val();
로그인 후 복사

선택한 항목의 텍스트 가져오기

var item = $("select[@name=items] option[@selected]").text();
로그인 후 복사

선택한 항목의 텍스트 가져오기:

var item = $("select[name=items] option[selected]").text(); 
或
$("select[name=items]").find("option:selected").text();
로그인 후 복사

세 번째 항목 선택 드롭다운 상자 두 요소는 현재 선택된 값입니다:

$('#select_id')[0].selectedIndex = 1;
로그인 후 복사

select 드롭다운 상자 값 = 'val' 요소는 현재 선택된 항목입니다:

$("select[name=items] option[value='val']").attr("selected","selected");
로그인 후 복사

radio 라디오 선택의 두 번째 요소 그룹은 현재 선택된 항목입니다:

$('input[@name=items]').get(1).checked = true;
或
$('input[name=items]').attr("checked", '1′);
로그인 후 복사

radio의 값 = 'val'인 요소는 현재 선택된 항목입니다:

$('input[name=items] [value='val']').attr("checked","checked");
로그인 후 복사

값 가져오기:

텍스트 상자, 텍스트 영역:

$("#txt").attr("value");
로그인 후 복사

다중 선택 상자 확인란:

$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
로그인 후 복사

라디오 그룹 라디오:

$("input[type=radio][checked]").val();
로그인 후 복사

드롭다운 상자 선택 값:

$('select').val();
로그인 후 복사

드롭다운 상자 선택의 선택한 텍스트 값:

$("select").find("option:selected").text();
로그인 후 복사

Control 양식 요소:

텍스트 상자, 텍스트 영역:

$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
로그인 후 복사

다중 선택 상자 체크박스:
체크박스의 두 번째 요소가 체크됩니다:

$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
로그인 후 복사

체크박스는 값='val'인 요소 전에 체크됩니다:

$("input[name=item][value='val']").attr("checked",true); 
或
$("input[name=item][value='val']").attr("checked","checked");
로그인 후 복사
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
로그인 후 복사

라디오 선택 그룹 라디오:

$("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
로그인 후 복사

드롭다운 상자 선택:

$("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
로그인 후 복사

$("<option value=&#39;1′>1111</option><option value=&#39;2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
로그인 후 복사

jQuery는 Radio
Code

$("input[name=&#39;radio_name&#39;][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name=&#39;radio_name&#39;][value=&#39;要选中Radio的Value值&#39;").
attr("checked",true); //根据Value值设置Radio为选中状态
로그인 후 복사
에서 선택한 값 값을 가져옵니다.

jQuery가 가치를 얻습니다. CheckBox

$("input[name=&#39;checkbox_name&#39;][checked]"); //选择被选中CheckBox元素的集合 如果你想得到
로그인 후 복사

에서 선택한 값 이 컬렉션을 탐색하는 데 필요한 값

$($("input[name=&#39;checkbox_name&#39;][checked]")).
each(function(){arrChk+=this.value + &#39;,&#39;;});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name=&#39;checkbox_name&#39;]").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以&#39;,&#39;分隔 返回一个数组
로그인 후 복사

관련 권장 사항:

jQuery+PHP를 사용하여 선택 옵션으로 선택한 텍스트 및 값 가져오기(선택한 도시 예시 포함)

다양한 브라우저의 옵션 값

jQuery+PHP는 Select 옵션의 텍스트와 값을 가져옵니다(선택한 도시 예시 포함)

위 내용은 jQuery가 Select에서 옵션의 텍스트 값과 값 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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