访问html元素值javascript
access html element value javascript
我有三个下拉菜单,每次在上一个下拉菜单中选择一个选项时,都会从数据库中动态填充。
现在我想访问这些下拉菜单中的值,以便稍后在某个地方构建SQL查询。
我使用了以下代码来访问HTML元素:
$( window ).load(function(){
var e = document.getElementById("slctTable");
var slctTableValue = e.value;
console.log(slctTableValue);
});
这段代码只在第一次加载页面时有效,所以当我摆弄下拉菜单时,什么都不会改变。
我现在想要的是,每次在下拉菜单中选择一个值时,它都会更新slctTableValue
变量。
使用jquery将更改事件绑定到下拉列表,然后每当所选值发生更改时,就会触发此事件。
$("#slctTable").change(function() {
var slctTableValue = $(this).val();
console.log(slctTableValue);
});
您可以检测到这样的更改事件并更新值:
document.getElementById('slctTable').addEventListener('change',function(){
var e = document.getElementById("slctTable");
var slctTableValue = e.value;
console.log(slctTableValue);
});
相关文章:
- 如何找到Javascript元素的最长边
- 如何通过它瞄准javascript元素's的onclick属性
- Javascript元素相对于屏幕的位置
- 找不到javascript元素
- JavaScript元素遍历返回的值超出预期
- 没有获得基础's的Javascript元素工作(与Laravel和Elixir)
- 为什么在ASP.NET Ajax更新面板中执行任何操作后javascript元素都停止工作
- 将 JavaScript 元素 ID 传递给 PHP 或 Form Variable
- Javascript元素相互阻塞
- CefSharp javascript元素点击不;不起作用,但手动点击它可以
- javascript元素.click()发布Safari
- Javascript元素更新侦听器
- Javascript 元素值的总和
- 在 php 代码中调用 javascript 元素
- If-Statement中的Javascript元素验证
- JavaScript 元素识别和检索
- 单击内部锚点/哈希时自动更新 JavaScript 元素
- 将 JavaScript 元素作为变量传递
- 按下表单重置按钮时删除 JavaScript 元素
- 将 javascript 保留在新的 JavaScript 元素中