jquery操作选择的示例

这篇文章将为大家详细讲解有关jquery操作选择的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

jquery操作选择的方法:1、设置值为pxx的项选中,代码为【美元(“.selector") .val】(“pxx"); 2,设置文本为pxx的项选中,代码为【美元(“.selector")(“选项(te】。

<强> jquery操作选择的方法:

1,设置值为pxx的项选中

(“.selector") .val美元(“pxx");

2,设置文本为pxx的项选中

美元(“.selector");(“选择[文本=& # 39;pxx& # 39;]“) .attr (“selected",真);

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

3,获取当前选中项的值

(“.selector")美元.val ();

4,获取当前选中项的文本

美元(“.selector");(“选项:selected")。text ();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到选择的级联,即第二个选择的值随着第一个选择选中的值变化。这在jquery中是非常简单的。

如:

$ (“.selector1") .change(函数(){//,先清空第二个 　　$ (“.selector2")空虚();//,实际的应用中,这里的选项一般都是用循环生成多个了 　　var  option =, $ (“& lt; option>“) .val (1)。text (“pxx"); 　　$ (“.selector2") .append(选项); 　　});

<强> jQuery获取选择选择的文本和价值:

语法解释:

1。<代码> $ (“# select_id") .change(函数(){…}//代码);代码>

2。<代码> var checkText=$ (“# select_id");(“选项:selected")。Text();代码>

3。<代码> var checkValue=https://www.yisu.com/zixun/$ (" # select_id ") .val ();>

4。<代码> var checkIndex=$ (“# select_id“) . get (0) .selectedIndex;>

5。<代码> var maxIndex=$ (“# select_id选项:last") .attr (“index");代码>

jQuery设置选择选择的文本和价值:

语法解释:

1。<代码> $ (“# select_id“) . get (0) .selectedIndex=1;代码>

2。<代码> $ (“# select_id“) .val(4);代码>

3。<代码> $ (“# select_id选项(文本=& # 39;jQuery # 39;]“) .attr (“selected",真);代码>

<强> jQuery添加/删除选择项的选择:

语法解释:

1。<代码> $ (“# select_id") .append (“& lt;选项值=https://www.yisu.com/zixun/凹壑怠? 文本”);代码>

2。<代码> $ (“# select_id") .prepend (“& lt;选项值=https://www.yisu.com/zixun/' 0 '>请选择>

3。<代码> $ (“# select_id选项:last") .remove();代码>

4。<代码> $ (“# select_id选项(指数=& # 39;0 & # 39;]“).remove();代码>

5。<代码> $ (“# select_id选择[value=https://www.yisu.com/zixun/' 3 ']”) .remove();代码>

5。null

jquery操作选择的示例