So erhalten Sie den ausgewählten Wert in Laui-Layui-Tutorial-php.cn

So erhalten Sie den ausgewählten Wert in Laui

藏色散人

Freigeben： 2023-01-13 00:40:10

Original

9160 Leute haben es durchsucht

So erhalten Sie den Auswahlwert in Laui: Öffnen Sie zuerst die entsprechende Vorlagencodedatei. Verweisen Sie dann auf das Laui-Plug-In und rufen Sie schließlich den Wert des Dropdown-Felds über „var batch=$(“#batch“ ab. ).val();"-Methode.

So erhalten Sie den ausgewählten Wert in Laui

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

Empfohlen: „Javascript Basic Tutorial“ „LayUI-Tutorial“

layui ruft den ausgewählten Wert des Auswahl-Dropdown-Felds ab:

Zitieren Sie das Laui-Plugin, um den Wert des Drop-Down-Felds zu erhalten. Daunenbox

So erhalten Sie den ausgewählten Wert in Laui

Vorlage:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>增加、修改学校/层次/专业</title>
  <link rel="stylesheet" href="__ADMIN__/common/frame/layui/css/layui.css">
</head>
<body>
<div class="layui-fluid layui-form">
<form class="layui-form" action="" method="post">
<br>
          <div style="padding-left: 100px; padding-bottom: 20px;"><h2>{$rs1.title} >> {$rs.title}</h2></div>
          <div class="layui-form-item">
            <label class="layui-form-label">学费</label>
            <div class="layui-input-block">
              <input type="text" name="price" required  lay-verify="required" class="layui-input" value="{$rs.price}" readonly>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">批次</label>
            <div class="layui-input-block">
<select name="batch" id="batch" lay-filter="batch" lay-verify="required" lay-search="required">
                   <option value="">请选择批次</option>
                  {volist name="batch_rs" id="batch"}
    <option value="{$batch.id}" {if condition="$rsEdit.batch eq $batch.id"}selected{/if}>{$batch.title}</option>
    {/volist}
</select>  
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button type="button" id="editbatchschooltuition" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            </div>
          </div>
</form>
</div>
<script src="__ADMIN__/common/frame/layui/layui.js"></script>
<script>
layui.use([&#39;form&#39;, &#39;jquery&#39;], function(){
  var form = layui.form
  ,$= layui.$;
  
// var batch=$("#batch").val();
   
form.on(&#39;select&#39;, function(data){
  console.log(data.elem); //得到select原始DOM对象
  console.log(data.value); //得到被选中的值]
  $("#batch").val(data.value)
  console.log(data.othis); //得到美化后的DOM对象
});  
   
  $(&#39;#editbatchschooltuition&#39;).on(&#39;click&#39;, function(){
  var batch=$("#batch").val();
  alert(batch);
layer.ready(function(){ 
  layer.open({
type: 2,
title: &#39;增加&#39;,
maxmin: true,
area: [&#39;750px&#39;, &#39;400px&#39;],
content: &#39;{:url(&#39;main/addschool&#39;)}?id={$id}&price={$rs.price}&batch=&#39;+batch,
//content: &#39;{:url(&#39;main/addschool&#39;)}&#39;,
cancel: function(){ //刷新网页
  }
  });
});
});
  
});
</script>
</body>
</html>

Nach dem Login kopieren

So erhalten Sie den ausgewählten Wert in Laui

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