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

话不多说，请看代码：

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

<head>

<script

src=">

val()函数获取select的属性。语法：

$(selector)val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

一、创建一个select元素：

二、创建如下获取属性函数：

三、结果获取：

扩展资料：

通过 val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：

参考资料：

jQuery API 中文文档 --val()

<!doctype html>

<html>

<head>

<!--用val()就是得到值，把val("默认值")将值放入就是得到默认选择上，深圳网站建设:=">

第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：

第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：

第三步，初始化select2插件，需要调用select2()方法，如下图所示：

第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：

第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：

第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：

在HTML页面中，获取当前select元素中所选中的那个值和显示值。

<tr>

</select>

</td>

</tr>

function on_idmbzd_change(){

var sel_obj = documentgetElementByIdx("idMbzd ")；

var index = sel_objselectedIndex;

alert(sel_objoptions[index]value);

alert(sel_objoptions[index]text);

}

</script>

设置select元素的选中项：

通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

< select id = "sel" >

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

< option value = "2" selected = "selected" >2</ option >

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

</ select >

扩展资料

超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。

HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。

参考资料来源：百度百科-HTML

给select添加runat="server"和ID="choose"属性，然后在后台用如下的C#语句来获取选中的值：

chooseItems[chooseSelectedIndex]Value

用如下的语句获取选择的文本：

chooseItems[chooseSelectedIndex]Text

以上就是关于jQuery实现select下拉框获取当前选中文本、值、索引全部的内容，包括:jQuery实现select下拉框获取当前选中文本、值、索引、今天学了jquery但是怎么获取select选中的值呢怎么让它默认选中呢、jquery 怎样获取select多选下拉框所有选项的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

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

发表评论

评论列表（0条）