layui动态获取select中option的value值并赋值给全局变量

可以通过jQuery实现动态获取select中option的value值并赋值给全局变量，具体代码如下：

var globalVar; // 声明全局变量

layui.use(['form'], function() {
  var form = layui.form;

  // 监听select的change事件
  form.on('select(selectDemo)', function(data) {
    globalVar = data.value; // 将选中的value值赋值给全局变量
  });
});

其中，`selectDemo`是select的lay-filter属性值，需要根据实际情况进行修改。通过监听select的change事件，获取选中的value值，并赋值给全局变量`globalVar`。

相关问题

php动态添加select option,layui中select动态添加option

在 PHP 中动态添加 select option 可以使用循环语句（如 for、foreach 等）结合 HTML 标签来实现。以下是一个简单的例子：

<select name="fruit">
  <?php
    $fruits = array("apple", "banana", "orange");
    foreach ($fruits as $fruit) {
      echo "<option value='$fruit'>$fruit</option>";
    }
  ?>
</select>

这段代码将输出一个 select 标签以及三个 option 标签，选项分别为 "apple"、"banana" 和 "orange"。

在 layui 中动态添加 select option 可以使用 layui 的 form 模块提供的 API 方法来实现。以下是一个简单的例子：

<select name="fruit" lay-filter="fruit">
  <option value="">请选择水果</option>
</select>

<script>
layui.use('form', function(){
  var form = layui.form;

  // 动态添加选项
  var fruits = ['apple', 'banana', 'orange'];
  for (var i = 0; i < fruits.length; i++) {
    var option = new Option(fruits[i], fruits[i]);
    $('select[name="fruit"]').append(option);
  }

  // 重新渲染select
  form.render('select');
});
</script>

这段代码将在 select 中动态添加三个选项，选项分别为 "apple"、"banana" 和 "orange"。需要注意的是，动态添加选项后需要重新渲染 select，否则新添加的选项将无法显示。

jQuery中获取select中option的值.

你可以使用 jQuery 的 `val()` 方法来获取 select 元素当前选中的 option 的值，示例代码如下：

// HTML 代码
<select id="my-select">
  <option value="option-1">选项1</option>
  <option value="option-2">选项2</option>
  <option value="option-3">选项3</option>
</select>

// JavaScript 代码
var selectedValue = $('#my-select').val();
console.log(selectedValue); // 输出当前选中的 option 的值

如果你想要获取选中的 option 的文本内容，可以使用 `text()` 方法，示例代码如下：

var selectedText = $('#my-select option:selected').text();
console.log(selectedText); // 输出当前选中的 option 的文本内容

注意，在使用 `val()` 方法获取 select 元素的值时，如果 select 元素的 multiple 属性被设置为 true（即允许多选），则该方法将返回一个包含所有选中 option 值的数组。