PHP代码:
<li>
<span class="l2">所在城市</span>
<select class="city">
<option value="">选择所在城市</option>
<%foreach from=$supportcity item=city key=k%>
<option value="<%$k%>" <%if $nowcity==$city.city_name%>selected<%/if%> ><%$city.city_name%></option>
<%/foreach%>
</select>
</li>
<li>
<span class="l2" id="area">所在地区</span>
<%foreach from=$supportcity item=city key=k%>
<select class="area" citycode="<%$k%>" >
<option value="">选择所在地区</option>
<%foreach from=$city.areas item=area%>
<option value="<%$area.area%>"><%$area.area%></option>
<%/foreach%>
</select>
<%/foreach%>
</li>
Jquery代码:
$("select.city").change(function(){
var ccode = $(this).val();
$("select.area").hide();
if(ccode){
$("select.area[citycode="+ccode+"]").show();
}
});
var sltcity = $("select.city").val();
if(sltcity){
$("select.area[citycode="+sltcity+"]").show();
}
下面是详细的:
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();
获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = '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的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
单选组radio: $("input[type=radio][checked]").val();
下拉框select的value值: $('select').val();
下拉框select选中的text 值:$("select").find("option:selected").text();
控制表单元素:
文本框,文本区域:$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
checkbox的value='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) //判断是否已经打勾
单选组radio: $("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
jQuery获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中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='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
jquery1.3.2
ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()
$("input[name=radioname][value=radio值]").attr("checked","checked");
分享到:
相关推荐
下面小编就为大家带来一篇jquery获取select,option所有的value和text的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery获取Select选择的Text和Value: 1. //获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text(); 2. //获取Select选择的option Value var checkValue=jQuery("#select_id...
实例如下所示: <select name=region[province] id= class=region valid> <option value=0 selected=selected tier=1>省、直辖市</option> <option tier=1 value=2>北京市</option> </select> var ...
jQuery获取Select选择的Text和Value: 语法解释: 代码如下:$(“#select_id”).change(function(){//code…});//为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected...
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考,具体如下: 我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> ...
本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s”).text(); //获取所有...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
<option value=””>请选择</option> <option value=”Germany”>德国</option> <option value=”France”>法国</option> <option value=”Italy”>意大利</option> <option value=”England”>英国</option> ...
功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。 HTML: 层次 <select name=level id=level> <option value=1>本科</option> <option value=2>高职(专科)</option> </select> ...
实例如下所示: [removed][removed] <select class=form-control id='selectId'> <option class=all value=0>全部</option> <option class=all value=1>os2</option> <option>os2-anthonos</option> <option>...
本文实例讲述了jQuery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考,具体如下: jQuery代码部分: [removed] $(document).ready(function(){ var defaultId = "${defaultSelected}"; var default...
就是实现这个效果的,选中添加到右边,全部添加到右边,选中删除到左边,全部删除到左边。... <option value=”1″>选项1</option> <option value=”2″>选项2</option> <option value=”3″>选项3</option>
<option value=”1″>选项1</option> <option value=”2″>选项2</option> <option value=”3″>选项3</option> <option value=”4″>选项4</option> <option value=”5″>选项5</option> <option value=”6″>选项...
本文实例分析了jQuery select自动选中功能实现方法。分享给大家供大家参考,具体如下: //筛选 var typeid = <!--{$typeid}-->; var bigclassid = <!--{$bigclassid}-->; var smallclassid = <!--{$...
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:<p></p> <select id=”single”> <option>Single</option> <option>Single2</option></...
本文实例讲述了javascript与jquery动态创建html元素的方法。分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option(...
select下拉列表的选中方法是:$(“slect option:eq(1)”).attr(“selected”,true);//选中第二个option chekbox的选中方法:$(“[value=check1”]:checkbox).attr(“checked”,true); radio的选中方法:$(“[value=...