如何通过JQUERY获得下拉框的显示值

2024年11月16日 06:38

有5个网友回答

网友（1）：

通过获取元素的text实现功能。关键的两个jquery函数为：

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

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

实例演示如下：

1、设计简单的一个下拉框代码，包括【男】【女】两个值。代码如下：

此时页面展示效果如下：

2、设计一个函数，通过点击按钮，将当前选中的下拉框的值和显示的文字，都选取出来，并分别赋值给两个input，函数代码如下：

此时，选取男，然后点击，展示效果如下：

如果选择女，展示效果如下：

扩展资料：

带有预先选定的选项的下拉列表：HTML

定义和用法：

selected 属性规定在页面加载时预先选定该选项。被预选的选项会显示在下拉列表最前面的位置，也可以在页面加载后通过 JavaScript 设置 selected 属性。

实例：

网友（2）：

参考如下代码

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

示例如下：

创建Html元素

请选择：

	选项1
	选项2
	选项3
	选项4

编写jquery代码

$(function(){
	$("input").click(function() {
		a = $("#sel").val();
		b = $("#sel option:checked").text();
		alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");
	});
})

显示效果

网友（3）：

很简单
1。先给select控件添加一个onchange="change()"
2。
function change()
{
alert($("#sex").text);
}
这样就可以了

网友（4）：

alert($("#sex option:selected").val());

网友（5）：

function getSelect(){
var value=$F('sex');
alert(value);
}

希望可以帮助到你。