PHP前端开发

layui修改select的值的方法

百变鹏仔 1个月前 (11-16) #layui
文章标签 方法
layui修改select值的方法:首先在html5中加上代码“”获取初始值;然后在js中设置select和单选框的值即可。

本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。

动态设置layui的select值

推荐:《javascript基础教程》《layUI教程》

html5中加上下类代码获取初始值。

<input><input>

之后js中设置select和单选框的值。

<script>    function firstload() {        var str = "#hopedepart option[value=&#39;" + $("#ggg").val() + "&#39;]";        var sex = "input:radio[value=&#39;" + $("#ddd").val() + "&#39;]";     //   document.write(sex);        $("#hopedepart option[value=&#39;&#39;]").removeAttr("selected"); //2.移除默认选项的选中状态  removeAttr("selected")        $(str).attr("selected", "selected");        $(sex).attr(&#39;checked&#39;, &#39;true&#39;);    }    firstload(); </script>

举个具体的例子

html中

<script></script>    <!--引入jQuery--> <input>                     <select>                        <option></option><option>前端开发</option><option>后端开发</option><option>产品</option><option>测试</option><option>UI</option><option>人事</option><option>财务</option><option>市场</option><option>总经理</option></select> <script>//alert("ggg");$(document).ready(function(){         var key1=$("#position_hidden_id").val();        //根据值让option选中         $("#position_id option[value=&#39;"+key1+"&#39;]").attr("selected","selected");            });</script>