jquery怎样获取select控件选中的option中value值,不是text

jquery怎样获取select控件选中的option中value值,不是text,第1张

demo:

<select name="cityCode" id="cityCode" class="span2">

<option value="beijing">北京</option>

<option value="sanya" selected="selected">三亚</option>

<option value="shanghai">上海</option>

</select>

jquery获取方法选中的城市三亚:

$('#cityCode')find("option:selected")val()

首先$('#cityCode')根据id找到对应的select元素,然后通过jquery的find方法找到被选中的option元素,然后val()直接获取option的value。

或者

$("#cityCode option:selected")val();

下面的写法更简洁、条件拼接,实际与上面的是一致。

使用jquery获取Select的是和获取input控件的值都是:

$("选择器")val();

设置值就是:

$("选择器")val("值");

则对Select设置值,那么如果select有对应的值,则会显示相应的<option>下拉数据

jquery-1102minjs怎么获取easyui的时间控件的值

  基本用法:

  1) 加入日期选择框

  $("#dd")datebox({"required":true});

  2) javascript获取日期选择框的值

  $("#dd")datebox("getValue"); 或者$("input[name='dd']")val();

那么我们可以给它添加一个事件监听,在datebox onSelect 日期选中后,自动为input id="dd" type="text"赋值,然后我们就可以使用

  $("#dd")val()获取选中的日期值了。

  <script type="text/javascript">

$(document)ready(function(){

$("#dd")datebox({

required:true,

onSelect: function(date){

$("#dd")val(date);

}

});

});

</script>

  3) javascript设置datebox的值

  $("#dd")datebox("setValue", "2012-01-01");

  例:添加编辑页面

  @HtmlHidden("hBirthDate", ModelBirthDateToString("yyyy-MM-dd"))

  $(document)ready(function () {

$("#BirthDate")datebox({

required: false,

formatter: function (date) { return dategetFullYear() + '-' + (dategetMonth() + 1) + '-' + dategetDate(); },

parser: function (date) { return new Date(Dateparse(datereplace(/-/g, "/"))); },

onSelect: function (date) {

$("#BirthDate")val(date);

}

});

//处理日期格式问题

if ($("#hBirthDate")val() != "" && $("#hBirthDate")val() != "0001-01-01") {

$("#BirthDate")datebox("setValue", $("#hBirthDate")val());

} else {

$("#BirthDate")datebox("setValue", ((new Date())getFullYear() - 25) + "-01-01");

}

});

你从什么判断value却依然没有得到js过来的值? 代码没有问题,并且$('#hiddencolor')val(color);这句就是给隐藏控件的value赋上了color,所以value已经得到了js传过来的值了啊,你用alert($('#hiddencolor')val());,试试

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » jquery怎样获取select控件选中的option中value值,不是text

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情