jquery怎么设置select选中某项值_教程

1、设置value为pxx的项选中

$(".selector").val("pxx")

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true)

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val()

4、获取当前选中项的text

定义html中<select>标签长度，可以使用Css样式进行设置，代码如下：

<!DOCTYPE html>

<html>

<head>

<title>Select标签长度</title>

select{width:100px}

</style>

</head>

<body>

</select>

</body>

</html>

说明：

使用CSS样式来定义<select>标签的长度，示例定义为100px的长度。

完整代码在附件中。

<select>标签定义和用法

select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 <select>表单数据提交给服务器时包括 name 属性。

<select>标签可选的属性

属性值描述

disabled disabled 规定禁用该下拉列表。

multiple multiple 规定可选择多个选项。

namename规定下拉列表的名称。

sizenumber 规定下拉列表中可见选项的数目。

<select>标签全局属性

<select>标签支持 HTML 中的全局属性。

<select>标签事件属性

<select>标签支持 HTML 中的事件属性。

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

jquery怎么设置select选中某项值