• ▸ PHP
• ▸ Java
• ▸ Java SE
• ▸ Python
• ▸ C#
• ▸ C&C++
• ▸ Ruby
• ▸ VB
• ▸ asp.Net
• ▸ Go
• ▸ Perl
• ▸ netty
• ▸ Django
• ▸ Delphi
• ▸ Jsp
• ▸ .NET Core
• ▸ Spring
• ▸ Flask
• ▸ Springboot
• ▸ SpringMVC
• ▸ Lua
• ▸ Laravel
• ▸ Mybatis
• ▸ Asp
• ▸ Groovy
• ▸ ThinkPHP
• ▸ Yii
• ▸ swoole
• ▸ HTML
• ▸ HTML5
• ▸ JavaScript
• ▸ CSS
• ▸ jQuery
• ▸ Bootstrap
• ▸ Angularjs
• ▸ TypeScript
• ▸ Vue
• ▸ Dojo
• ▸ Json
• ▸ Electron
• ▸ Node.js
• ▸ extjs
• ▸ Express
• ▸ XML
• ▸ ES6
• ▸ Ajax
• ▸ Flash
• ▸ Unity
• ▸ React
• ▸ Flex
• ▸ Ant Design
• ▸ Web前端
• ▸ 微信小程序
• ▸ 微信公众号
• ▸ iOS
• ▸ Android
• ▸ Swift
• ▸ Hybrid
• ▸ Cocos2d-x
• ▸ Flutter
• ▸ Xcode
• ▸ Silverlight
• ▸ cocoa
• ▸ Cordova

• 前端之家
• jQuery
• 浅析Jquery操作select

注释：@H_403_11@

@H_403_0@（1）给下拉框赋值：$("#Select1").val(“二”);这时已经选中了 value是two的选项 ，通过$("#Select1")[0].selectedIndex或者$("#Select1").get(0).selectedIndex可以得到此时的索引是1，下拉框的索引是从0开始的

@H_403_0@（2）通过设置属性$("#Select1 option[value='two']").attr('selected',true);也可以设置选中 其实就是相当于赋值

@H_403_0@

（3）得到选中值对应的text：@H_403_11@

@H_403_0@ 1、通过值得到：$("#Select1 option[value='" + 值 + "']").text()或者$("#Select1").find("option[value='" + 值 + "']").text()

@H_403_0@2、通过选中状态得到：$("#Select1").find("option:selected").text()

@H_403_0@

（4）下拉框的级联：@H_403_11@

@H_403_0@ 很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jQuery中是非常简单的。

@H_403_0@ 如：$(".selector1").change(function(){

@H_403_0@ // 先清空第二个

@H_403_0@ $(".selector2").empty();

@H_403_0@ // 实际的应用中，这里的option一般都是用循环生成多个了

").val(1).text("pxx"); $(".selector2").append(option); });

@H_403_0@

（5）通过option中text的值 来选中相应的option的值@H_403_11@

@H_403_0@

Ps：jquer中去掉前后空格的方法：$.trim(值);@H_403_11@

@H_403_0@以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！