如何用jquery获得option的索引值index

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('select option')each(function (i) {

if ($(this)attr('selected')) {

$('body')append(i);

}

});

3、浏览器运行indexhtml页面，此时用jquery获取到了option的索引值被打印了出来。

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

2、效果演示

1、首先要保证select中每一个option标签都有value属性；

2、jquery的写法

$('#sele')val()//这里假设select的id是sele，这样可以获取当前选中的option的value

3、刚开始没有选择的时候默认的是第一个option的value值；

4、要测试的话可以写一个change事件，也就是每一次选择都会触发

$('#sele')change(function(){

     consolelog($('#sele')val())//每次选择都会输出选择的当前option的value

})

jQuery获取Select元素，并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项：

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示：假如希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。

获取Select ：

获取select 选中的 text :

$("#ddlRegType")find("option:selected")text();

获取select选中的 value:

$("#ddlRegType ")val();

获取select选中的索引:

$("#ddlRegType ")get(0)selectedIndex;

设置select:

设置select 选中的索引：

$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值

那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

在HTML中，select控件的值等于其当前选中的option的值，所以： $("select")val(); // 可以获取select当前的值如果想获取当前select下option的所有的值，则： var selValue = []; // 定义一个空数组用于接收select下option所有的值var options

/遍历选中的option/

$("#id option:selected")each(function(i){

$(this)val();/获取选中的option值/

$(this)attr("selected",false);/将选中的option设置为未选中状态/

});

以上就是关于如何用jquery获得option的索引值index全部的内容，包括:如何用jquery获得option的索引值index、怎样用js取得select下拉列表框内选中的option的value值呢、jquery怎么获取选中option的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！