js select 设置标签值

yangjunun

已于 2023-04-14 09:55:52 修改

阅读量268

点赞数

分类专栏：前端文章标签： javascript 前端

于 2023-04-14 09:46:09 首次发布

本文链接：https://blog.csdn.net/yangjunun/article/details/130146262

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

该文章展示了如何使用JavaScript原生代码和jQuery库来操作HTML元素，特别是设置select选项的默认值以及改变input元素的类型和禁用状态。通过示例代码，解释了如何根据给定值选中select选项，并将sendSms按钮隐藏或禁用。

摘要由CSDN通过智能技术生成

html部分：

js原生写法：

  var select = document.getElementById("genger");
                   var checkValue =result.genger;
               for (var i = 0; i < select.options.length; i++){
               if (select.options[i].value == checkValue){
               select.options[i].selected = true;
               break;
               }
               }

                   var sendSms1 = document.getElementById("sendSms");
                   sendSms1.type = "hidden";
                   sendSms1.disabled=true;

jquery:

var checkValue =result.genger;

$("#genger").val(checkValue);

$("#genger").attr("disabled",true);

jquery修改属性

$("#sendSms").attr("type","hidden");