" を追加して初期値を取得し、次に設定します。 jsでselectやラジオボタンの値を利用することができます。"/> " を追加して初期値を取得し、次に設定します。 jsでselectやラジオボタンの値を利用することができます。">
ホームページ > 記事 > ウェブフロントエンド > selectの値を変更するLayuiメソッド
layui で選択値を変更する方法: まず、HTML5 にコード「3bfbdd1458f4ffbf377d899d7f99535a」を追加します。初期値を取得し、jsにselectとラジオボタンの値を設定します。
このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.4. この方法は、すべてのブランドのコンピューターに適しています。
layui の選択値を動的に設定します
推奨: "javascript 基本チュートリアル" "layUI チュートリアル"
次のコードを html5 に追加して初期値を取得します。
<input id="ggg" style="display: none;" value="{$hopedepart}" /> <input id="ddd" style="display: none;" value="{$sex}" />
次にjsでselectとラジオボタンの値を設定します。
<script> function firstload() { var str = "#hopedepart option[value='" + $("#ggg").val() + "']"; var sex = "input:radio[value='" + $("#ddd").val() + "']"; // document.write(sex); $("#hopedepart option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态 removeAttr("selected") $(str).attr("selected", "selected"); $(sex).attr('checked', 'true'); } firstload(); </script>
具体的な例を挙げてください
html
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <!--引入jQuery--> <input type="hidden" id="position_hidden_id" th:value="${staff?.position}"> <select name='position' id="position_id" lay-filter='aihao'> <option value=''></option> <option value='前端开发'>前端开发</option> <option value='后端开发'>后端开发</option> <option value='产品'>产品</option> <option value='测试'>测试</option> <option value='UI'>UI</option> <option value='人事'>人事</option> <option value='财务'>财务</option> <option value='市场'>市场</option> <option value='总经理'>总经理</option> </select> <script> //alert("ggg"); $(document).ready(function(){ var key1=$("#position_hidden_id").val(); //根据值让option选中 $("#position_id option[value='"+key1+"']").attr("selected","selected"); }); </script>
以上がselectの値を変更するLayuiメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。