gpt4 book ai didi

javascript - 从外部 javascript 文件访问表单元素

转载 作者:行者123 更新时间:2023-11-28 20:14:43 25 4
gpt4 key购买 nike

这似乎是一件简单的事情,我真的很想进一步了解这一点。这是我的问题。

我在表单中选择了几个不同的选项。我需要一个变量来保存选择的选项,以便我可以根据选择的内容执行不同的操作。

这是我的 html:

    <!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="script.js" type="text/javascript"></script>
</head>
<body>

<form method="get">
<table>
<tr>
<p>
Please choose your class:
</p>
</tr>
<tr>
<td>
<select name= "classSelect" id="classSelect" size = "3">
<option value = "CS211" selected = "selected">CS-211</option>
<option value = "CS111">CS-111</option>
<option value = "CS275">CS-275</option>
</select>
</td>
</tr>
</form
</body>
</html>

然后在我的 javascript 文件中我只想声明一个全局变量:

var currentSelection = document.forms[0].classSelect.selectedIndex;

现在 currentSelection 始终为 null,我不知道为什么。

最佳答案

当您设置变量时,DOM 尚未呈现。要么等待 DOM 触发其就绪事件,要么将脚本设置为在文档加载后运行。解决办法如下:

window.onload = function() {
// run this code on load
};

请注意,这将覆盖之前的 onload 函数。如果您有可用的 jQuery,则应该这样做以避免任何覆盖:

$(window).load(function() {});

这些变体也有效:

$(function() {});
$(document).ready(function() {});

关于javascript - 从外部 javascript 文件访问表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19370095/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com