" in HTML5 hinzu, um den Anfangswert zu erhalten it in js Der Wert von select und radio button kann verwendet werden."/> " in HTML5 hinzu, um den Anfangswert zu erhalten it in js Der Wert von select und radio button kann verwendet werden.">

Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie den Wert von select in Laui

So ändern Sie den Wert von select in Laui

藏色散人
藏色散人Original
2020-12-04 09:13:424995Durchsuche

So ändern Sie den Auswahlwert in Laui: Fügen Sie zunächst den Code „3bfbdd1458f4ffbf377d899d7f99535a“ in HTML5 hinzu, um den Anfangswert zu erhalten value; dann legen Sie einfach die Werte von select und radio button in js fest.

So ändern Sie den Wert von select in Laui

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Laui-Version 2.4. Diese Methode ist für alle Computermarken geeignet.

Den Auswahlwert von Lauii dynamisch festlegen

Empfohlen: „Javascript Basic Tutorial“ „LayUI-Tutorial

Fügen Sie den folgenden Code in HTML5 hinzu, um den Anfangswert zu erhalten.

<input id="ggg" style="display: none;" value="{$hopedepart}" />
<input id="ddd" style="display: none;" value="{$sex}" />

Dann legen Sie den Wert von „select“ und „radio button“ in js fest.

<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>

Geben Sie ein konkretes Beispiel

in 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=&#39;position&#39; id="position_id" lay-filter=&#39;aihao&#39;>
                        <option value=&#39;&#39;></option>
<option value=&#39;前端开发&#39;>前端开发</option>
<option value=&#39;后端开发&#39;>后端开发</option>
<option value=&#39;产品&#39;>产品</option>
<option value=&#39;测试&#39;>测试</option>
<option value=&#39;UI&#39;>UI</option>
<option value=&#39;人事&#39;>人事</option>
<option value=&#39;财务&#39;>财务</option>
<option value=&#39;市场&#39;>市场</option>
<option value=&#39;总经理&#39;>总经理</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>

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert von select in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn