layui动态获取select中option的value值并赋值给全局变量
时间: 2023-08-10 15:05:00 浏览: 108
可以使用jQuery来实现。
首先,给select元素添加一个id属性,例如id="myselect"。
然后,可以使用以下代码来获取选中的option的value值并赋值给全局变量:
```javascript
var selectedValue = $('#myselect option:selected').val();
window.globalVariable = selectedValue;
```
这样就可以动态获取select中选中的option的value值并赋值给全局变量了。
相关问题
我想在下拉框改变值之前获取到它改变之前的值,可以实现吗
可以实现。你可以使用 onChange 事件来监听下拉框的值改变,并在事件处理函数中获取之前的值。具体实现可以参考以下代码:
```html
<select id="mySelect" onchange="handleSelectChange()">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
var prevValue = document.getElementById("mySelect").value;
function handleSelectChange() {
var currentValue = document.getElementById("mySelect").value;
console.log("Previous value: " + prevValue);
console.log("Current value: " + currentValue);
prevValue = currentValue;
}
</script>
```
在这个例子中,我们定义了一个全局变量 prevValue 来存储之前的值。在页面加载时,我们将下拉框的当前值赋值给 prevValue。当下拉框的值改变时,我们调用 handleSelectChange 函数来处理 onChange 事件。在事件处理函数中,我们获取当前值并打印出之前的值和当前值,并将当前值赋值给 prevValue。这样就可以在下拉框改变值之前获取到它改变之前的值了。
阅读全文