ホームページ > 記事 > ウェブフロントエンド > Lauiuiで選択値を取得する方法

Lauiuiで選択値を取得する方法

藏色散人オリジナル: 2020-12-07 09:24:589042ブラウズ

layui が選択値を取得する方法: まず、対応するテンプレートコードファイルを開き、次に、layui プラグインを参照し、最後に「varバッチ=$(」を通じてドロップダウンボックスの値を取得します。 "#batch").val();" メソッド値のみ。

Lauiuiで選択値を取得する方法

このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.4、Dell G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

推奨: "javascript 基本チュートリアル""layUI チュートリアル"

layui は、選択ドロップダウンボックスで選択された値を取得します。 :

layui プラグインを引用してドロップダウンボックスの値を取得します

Lauiuiで選択値を取得する方法

テンプレート:

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

Lauiuiで選択値を取得する方法

以上がLauiuiで選択値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：レイウイのヒントレイヤーの使い方次の記事：レイウイのヒントレイヤーの使い方

続きを見る