javascript获取select标签下的option的value求解

javascript获取select标签下的option的value求解,第1张

页面加载时,因为没有任何选中项,所以 secondElementselectedIndex 值是 -1,secondElement

[-1]为undefined,所以alert()会d出 undefined 或 一个空的对话框;

如果你用鼠标选中了“选项9”,secondElementselectedIndex 值是 0,secondElement

[0]为"<option value="选项9">选项9</option>",所以alert()会d出 [object HTMLOptionElement]

把代码做一些修改:

<option value="选项9">选项9</option> 修改为

<option value="选项9" selected>选项9</option>

alert(secondElement[secondElementselectedIndex]); 修改为 alert(secondElement[secondElementselectedIndex]value);

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,编写问题基础代码,选中选项2。

2、在indexhtml中的<script>标签,输入js代码:

var value = $('#myselect')val();

var text = $('#myselect')find("option:selected")text();

$('body')append('value=' + value + ',text=' + text);

3、浏览器运行indexhtml页面,此时成功获得到选中的选项的值和文本并打印了出来。

以上就是关于javascript获取select标签下的option的value求解全部的内容,包括:javascript获取select标签下的option的value求解、js 怎么获取select value值 和optione的文字、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9545089.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存