select赋初值jquery，select js 赋值

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Jquery如何动态的给select中的option赋值?

1、要选择select标签下的option标签，然后给option标签使用val()赋值。

2、项目中用到通过ajax请求数据然后给select赋值，由于经常遇到类似的代码，在这里把整个过程记录一下。

3、代码如下图红框所选。在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。

相关问答

Q1: 怎么用jquery还原select中的值

要想使用jquery首先html或者jsp中得引入jquery文件。话不多说select赋初值jquery，上代码。

#cityCode)根据id找到对应的select元素，然后通过jquery的find方法找到被选中的option元素，然后val()直接获取option的value。或者$(#cityCode option：selected).val()select赋初值jquery；下面的写法更简洁、条件拼接，实际与上面的是一致。

可能是因为你用ajax填充的下拉菜单。要获得下拉框的值使用js试试吧。

Q2: 如何用jQuery获得select的值

要想使用jquery首先html或者jsp中得引入jquery文件。话不多说，上代码。

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

JS： document.getElementById(sid).value；Jquery： $(#sid).val()；直接就可以获取指定select的选中的值；如果是多选的话，需要用其他方法。

通过获取元素的text实现功能。关键的两个jquery函数为：(select).val()； // 选中项目的value值。$(select option：checked).text()； // 选中项目的显示值。

基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。

输入jquery代码：(select option).each(function (i) { if ($(this).attr(selected)) { (body).append(i)；} })；浏览器运行index.html页面，此时用jquery获取到了option的索引值被打印了出来。

Q3: 如何用jquery获得select变更之前的值

开始时使用val()属性，发现达不到目标。val()可以用来改变类似于文本框的输入内容。查了下，使用jQuery HTML 操作完成操作。

下面我就为大家分享一篇用jquery获取select标签中选中的option值及文本的示例，具有很好的参考价值，希望对大家有所帮助。要想使用jquery首先html或者jsp中得引入jquery文件。话不多说，上代码。

theSelObj.val(1)；// 设置‘--1--’为默认选中选项。使用theSelObj.find( option[value=1]).attr(selected， true)；貌似在IE6下不能用。