selectedIndex 设置或获取选中选项位于 select 对象中的位置。 multiple 设置或获取表明列表中是否可选中多个项目的 Boolean 值。 注意:selectedIndex属性在与只支持一次选择一个项目的选择对象(也就是不指定MULTIPLE属性)的情况下使用最为有用,可以避免遍历option元素集合下元素的selected属性了。
select
标签
multiple
属性
的原生复选功能
select
标签
属性
中,添加
multiple
="
multiple
"设置,就将
select
修改为复选形式了。
不过弊端在于不能像单选模式一样,选择之后选项框自动折叠。所以需要根据size="*"
属性
配合使用,来定义可见选项的数目.
<
select
class="demo"
multiple
="mul...
select
标签通过设置
multiple
属性
和size
属性
,就可以实现多选,且从下拉框变成了列表框。然而 用form提交时只能得到最后一个被选中的,然后我就临时记录了这点代码,可能对我或者他人有点作用上代码 text.html:<form action="post.php" method="post">
选择年份<br>
<
select
id="years" na...
select
标签当添加
multiple
属性
后,是指明该下拉框可以进行多选,但是添加上
multiple
属性
后,页面的呈现是样式会发生改变
也就是 页面会将所有的下拉框的值全部展示出来
此时,需要在
select
标签的内部再次添加
属性
:size=“” 里面的数值根据
select
中有几个值而定
这样基本样式可以改变
进行回填的时候,数值也不会再次发生改变
代码如下:
select
id="
提交表单后返回的HTML页面重新渲染,
SELECT
控件的value和
selected
Index
属性
都无法使下拉框保留提交表单前的状态。
复制代码代码如下: <
SELECT
id=”idState” style=”width:150″ name=”state”
selected
Index
=”$!{state}”> <OPTION value=””>全部</OPTION> <OPTION value=”1″>通过</OPTION> <OPTION value=”2″>末通过</OPTION> <OPTION value=”3″>待处理</OPTION> </
SELECT
>
一种临时的解决方案是
jQuery获取
Select
选择的Text和Value: 代码如下: var checkText=jQuery(“#
select
_id”).find(“option:
selected
”).text(); //获取
Select
选择的Text var checkValue=jQuery(“#
select
_id”).val(); //获取
Select
选择的option Value var check
Index
=jQuery(“#
select
_id “).get(0).
selected
Index
; //获取
Select
选择的索引值 var max
Index
=jQuery(“#
select
_id op
`
select
2` 是一个基于 jQuery 的下拉列表插件,它提供了许多额外的功能,如搜索、远程数据源、多选等。如果你想要使用 `
select
2` 来获取当前选中的选项的索引值,可以使用以下代码:
```javascript
var
selected
Index
= $('#my
Select
2').prop('
selected
Index
');
其中 `#my
Select
2` 是你的 `
select
` 元素的 ID,`prop('
selected
Index
')` 方法返回了当前被选中的选项的索引值。
需要注意的是,使用 `prop('
selected
Index
')` 方法只能获取到当前选中的选项的索引值,如果你想要获取选中的选项的值(即 `value`
属性
),可以使用 `val()` 方法:
```javascript
var
selected
Value = $('#my
Select
2').val();
这将返回当前被选中的选项的值。