js如何获取到select的option值?

 我来答
很多游戏
高粉答主

2019-11-27 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:386939

向TA提问 私信TA
展开全部

1、首先输入下方中的代码:

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

2、然后继续输入下方中的代码:

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

3、最后运行了就可以获取到select的option值了,效果图:

Baby_原來
推荐于2017-11-26 · TA获得超过3402个赞
知道大有可为答主
回答量:1535
采纳率:94%
帮助的人:494万
展开全部

1、获得选项option的值

var obj=document.getElementById('mySelect');
var items=document.getElementById("sect").options;//获取select的所有option
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;

2、获得选项option的文本

var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;

2、获得选项option的value值

var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
llscp
2015-08-20 · 超过16用户采纳过TA的回答
知道答主
回答量:63
采纳率:0%
帮助的人:27.4万
展开全部
document.getElementById(“select的ID”).value
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
碧血玉叶花
2015-08-07 · TA获得超过4976个赞
知道大有可为答主
回答量:6154
采纳率:0%
帮助的人:1689万
展开全部
代码如下:
javascript:
txtcoupon.onchange = function (){
couponprice.innerHTML = this.children[this.selectedIndex].getAttribute("price");
}
jquery:
$("#txtcoupon").change (function (){
$("#couponprice").text($(this).children(":selected").attr("price"));
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
汐子丶94
2013-08-26 · 超过63用户采纳过TA的回答
知道答主
回答量:109
采纳率:100%
帮助的人:115万
展开全部
</script回答:document.getElementById(sect).value -----这是获得选中的值 document.getElementById(sect).options------这是获得select中所有的值,是个数组追问既然是数组,那怎么遍历出来啊, 我这个是专门要获取用户在前台选择什么哪个,获取到我要去数据库里添加,这个就是个字段 你懂? 写完整点回答那你就用第一个叫好啦document.getElementById(sect).value ,这个就获得的是用户选中的值追问我要获得option中间的文本,这下理解了吧?回答那就应该是var selectIndex = document.getElementById(sect).selectedIndex;//获得是第几个被选中了 var selectText = document.getElementById(sect).options[selectIndex].text //获得被选中的项目的文本 但我觉得一般都不会这样用的,你既然后台要的是文字,把value字段搞成文字,如“第一名”这样不就好了 function foo(){ var noties = document.frm.olala.value; var sel = document.frm.sele.value; // var sel = document.getElementById('sect').value; var sels = document.getElementsByName('sele')[0]; //如果该sele是所有同名控件中的第一个的话.}追问第二个 sels 出来的是数组, 怎么遍历,详细点, 我上面的那个只是随便写了一个例子而已,其实我现在要做的是, 有一个增加的页面, 有用户名、手机号 还有这个select的标记,我要用js在用户点击提交的时候 我获取到他在前台点击的每个参数值,然后插入到数据库里,你理解嘛?写个详细的小例子,让我明白了就行,谢谢回答如果你的SELECT是单选的,不用遍历OPTIONS集合,直接通过SELECT的VALUE属性即可取到用户选择的值.如果是多选,就需要遍历. function foo(){ var noties = document.frm.olala.value; var sel = document.frm.sele.value; // var sel = document.getElementById('sect').value; alert(document.getElementById('sect').options(i).selected);}}追问我不想弹框,我只想传值, 其实我想实现的目的 上次的追问已经告诉你了,我现在给你截个图,看看这个该怎么实现啊,上面是可查询可添加的, 选框和标签就那么几个, 你要有是点时间就把这个整个的html静态给我写个吧剩下的bug我来修改,我现在其实就差这个seect的option值了,不知道怎么获取到。 还有一个问,就是我页面上方 可查询、可添加,我想在它的下面显示添加后的信息列表或者是查询后的信息列表, 给你节截个图回答很难和你沟通,你说这么多都不知道说的是什么意思,你要提交到后台处理的东西为什么还要用JS来取值? 即然你看不懂我写的JS,那你就等别人来帮你解答好了. 我实在是没时间帮你写完一个页.
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式