jQuery实现select下拉框获取当前选中文本、值、索引

jQuery实现select下拉框获取当前选中文本、值、索引,第1张

话不多说,请看代码:

//直接保存后缀htnl用谷歌浏览器打开,亲测有效

<head>

<script

src=">

参考如下代码

$("select")val(); // 选中项目的value值

$("select option:checked")text(); // 选中项目的显示值

示例如下:

创建Html元素

请选择:

<select id="sel">

<option value="1">选项1</option>

<option value="2">选项2</option>

<option value="3">选项3</option>

<option value="4">选项4</option>

</select>

<input type="button" value="被选项目">

编写jquery代码

$(function(){

$("input")click(function() {

a = $("#sel")val();

b = $("#sel option:checked")text();

alert("被选项目的值:"+a+",被选项目的显示值:"+b+"。");

});

})

显示效果

以上就是关于jQuery实现select下拉框获取当前选中文本、值、索引全部的内容,包括:jQuery实现select下拉框获取当前选中文本、值、索引、如何用jquery获取input输入框中的值、jquery怎么获取下拉框所有的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存