layui如何得到select值


当前第2页 返回上一页

模板:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

<!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(['form', 'jquery'], function(){

  var form = layui.form

  ,$= layui.$;

   

// var batch=$("#batch").val();

    

form.on('select', function(data){

  console.log(data.elem); //得到select原始DOM对象

  console.log(data.value); //得到被选中的值]

  $("#batch").val(data.value)

  console.log(data.othis); //得到美化后的DOM对象

}); 

    

  $('#editbatchschooltuition').on('click', function(){

  var batch=$("#batch").val();

  alert(batch);

layer.ready(function(){

  layer.open({

type: 2,

title: '增加',

maxmin: true,

area: ['750px', '400px'],

content: '{:url('main/addschool')}?id={$id}&price={$rs.price}&batch='+batch,

//content: '{:url('main/addschool')}',

cancel: function(){ //刷新网页

  }

  });

});

});

   

});

</script>

</body>

</html>

1d5bee4ee85f5f5d858e40fcd7515c4.png

以上就是layui如何得到select值的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

如何运用layui数据添加页面的前端布局?(附源码)

通过layui给数据表格添加序号

为什么我的layui进度条渲染不出来

layui前端框架弹出form表单以及提交的方法

layui如何实现表格单元格合并

layui的tips层怎么用

layui怎么固定表格的表头

layui和bootstrap区别

layui事件监听的方法

layui如何获取table某一行的值

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...