关于select标签的一些操作总结

野性酷女 2022-07-14 14:16 162阅读 0赞

下面是关于select标签的一些常用操作的总结

比如

<select id="type">
        <option value="1">收件人</option>
        <option value="2">发件人</option>
    </select>

1.获得select标签的option的value 和text

$("#type option").each(function () { 
                 var txt = $(this).text(); //获取单个text
                 var val = $(this).val(); //获取单个value
    
             });

2，设置value为1的选中

$("#type").val("1");

3.设置text为1的项选中

$("#type").find("option[text='1']").attr("selected",true);

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

4.获取当前选中项的value

$("#type").val();

5.获取当前选中项的text

$("#type").find("option:selected").text();

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

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

如：

$(".selector1").change(function(){ 
    
         // 先清空第二个
    
          $(".selector2").empty();
    
         // 实际的应用中，这里的option一般都是用循环生成多个了
    
          var option = $("<option>").val(1).text("pxx");
    
          $(".selector2").append(option);
    
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关关于一些常识的总结

这些天上网，查到了不少新的知识，在此处总结一下。 //8.24号 h5相当于h4的洗一个版本，增添和删除了某些标签，同时更改了一些功能图片格式的转换在于编码方式的

缺乏、安全感/ 2022年07月18日 01:24/ 0 赞/ 274 阅读

相关关于select标签的一些操作总结

下面是关于select标签的一些常用操作的总结比如 <select id="type"> <option value="1">收件人</optio

野性酷女/ 2022年07月14日 14:16/ 0 赞/ 163 阅读

相关关于s标签的一些知识总结

2018/1/11 s标签form表单的回显 1.对应的标签内添加value="<s:property value="对象.属性"/>" <input name

「爱情、让人受尽委屈。」/ 2022年06月02日 11:40/ 0 赞/ 181 阅读

相关关于HTML中select标记的一些知识

select标记是网页编程中比较常用的一种标记，身为表单标记的一员，它主要是通过option标记结合其他表单标记（诸如input，textarea）一起来实现

水深无声/ 2022年05月08日 09:46/ 0 赞/ 375 阅读

相关 select,radio标签常用操作

select,radio标签常用操作 select常用操作清空option标签 $("aa").empty(); Select下拉选点击事件

淡淡的烟草味﹌/ 2022年04月23日 08:38/ 0 赞/ 219 阅读

相关关于IO操作的一些建议

在进行IO操作的时候，不可避免的要进行异常捕获和处理。有些朋友比较懒，或者说对于自己的代码非常自信，直接将异常一股脑的throws出去。这样的代码看着整洁舒服，容易理解，但是一

「爱情、让人受尽委屈。」/ 2022年04月08日 09:16/ 0 赞/ 221 阅读

相关记录一些关于git命令的一些操作

参考博客 [利用git提交代码][git] 设置git用户名和邮箱 git config --global user.email "madman@imobp

谁借莪１个温暖的怀抱￠/ 2022年04月02日 06:09/ 0 赞/ 390 阅读

相关关于Android开发的一些总结

关于Android开发的一些总结子类线程在执行时，不会影响主线程的代码执行，也就是说在子类当中创建线程并执行，而这个子类又需要建立返回函数返回由服务器发来的结果，这个时候主

淩亂°似流年/ 2022年03月24日 15:20/ 0 赞/ 257 阅读

相关关于时间操作的一些方法

1.判断时间是否在当前时间七天内 / 判断时间是否在当前时间七天内 / public boolean isLatestWeek(D

旧城等待，/ 2022年02月21日 00:03/ 0 赞/ 333 阅读

相关关于numa的一些总结

1.不同的操作系统对numa的支持不一样. 1.1 solaris提供了locality group api. 可以使用它方便地进行 locality操作.api可以参考[h

柔情只为你懂/ 2022年01月14日 03:29/ 0 赞/ 403 阅读