用jquery获取select标签中选中的option值及文本的示例

您所在的位置:网站首页 jquery获取选中的option 用jquery获取select标签中选中的option值及文本的示例

用jquery获取select标签中选中的option值及文本的示例

2023-07-06 12:21| 来源: 网络整理| 查看: 265

出chatgpt独享账号!内含120美元!仅需38元/个!独享永久使用!点击购买! 回到家里,妈妈满脸期待的说: "照片呢? "我说: "包里。 "妈妈打开包,拿出照相机,说: "夕阳这么美啊!看来下次我也要去。 "我说: "也行,只要您不怕冷。 "看到妈妈脸气的那么红,我和爸爸都笑了。

1.要想使用jquery首先html或者jsp中得引入jquery文件。

2.话不多说,上代码。

function doSome(){ alert($("#sel option:selected").text());//方法一:获取select标签选中的option中的文本。 alert($("#sel").find("option:selected").text());//方法二:获取select标签选中的option中的文本。 alert($("#sel option:selected").val());//方法一:获取select标签选中的option中的value的值。 alert($("#sel").find("option:selected").val());//方法二:获取select标签选中的option中的value的值。 //------------------------------帅气的分割线,,下面有重点-------------------------------- //当option是这样的:cc。即没有value属性的时候。自然也就没有value值。 //这时候jquery就很纠结:写了段代码让我拿value的值,可是找到的option中根本没有value属性。 //算了,把option中 的文本拿出来给你吧。 //所以当选中cc这个option的时候,你会发现上边四个alert出来的值是一样的。都是option中的文本。 //想要拿到option中的value的值,首先option得有value属性啊!!! } bb cc

以上这篇用jquery获取select标签中选中的option值及文本的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3