网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > web学院 > 服务器教程 > jquery怎样获取select控件选中的option中value值,不是text
商业源码 服务器教程 2023-11-16 5:54:02

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

商业源码 钻石

分享到:
上一篇
安装完Windows Server 2008后怎么配置
下一篇
GTA5服务器登不上怎么办R星服务器登不上解决办法

相关推荐

魅蓝2root权限获取为什么访问服务器出错

魅蓝2root权限获取为什么访问服务器出错

你好,我有一款dell poweredger 2600服务器 光驱坏了,现在怎么安装系统啊?

你好,我有一款dell poweredger 2600服务器 光驱坏了,现在怎么安装系统啊?

Powered by Discuz 是什么意思啊?怎么搞的,他对我们使用论坛等有什么影响吗?

Powered by Discuz 是什么意思啊?怎么搞的,他对我们使用论坛等有什么影响吗?

刚申请了阿里云服务器,怎么配置?怎么弄出和普通电脑一样的操作界面?怎么配置wordpress环境?

刚申请了阿里云服务器,怎么配置?怎么弄出和普通电脑一样的操作界面?怎么配置wordpress环境?

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...