我不是编程专家,因此无法进一步发展。 我正在尝试根据用户选择的下拉内容更改属性的值。 javascript文件必须是上一级的,因为在此文件中,我启动了node.js服务器。
我的文件结构是:
文件夹:MyFirstProgramm
因此,我想使用在index.html的index.js中编程的代码
当我在html文件中使用选项脚本时,无法访问index.js中的结果。
我尝试了任何进口,但没有任何效果。
这是我的html文件(index.html):
<h1>...</h1>
<script type="text/javascript" src="../index.js"></script>
<form action="#">
<label>Please select any group
<br>
<br>
<select name="group" id="group" onchange="getSelectValue();">
<option id="">-- select group --</option>
<option value="Gruppe 1" id="G1">group 1</option>
<option value="Gruppe 2" id="G2">group 2</option>
<option value="Gruppe 3" id="G3">group 3</option>
<option value="Gruppe 4" id="G4">group 4</option>
<option value="Gruppe 5" id="G5">group 5</option>
</select>
</label>
</form>
和我的脚本代码(在index.js中):
function getSelectValue() {
var selectedValue = document.getElementById("group").value;
var api;
if (selectedValue == "Gruppe 1") {
api = "XXXXXXXX";
}
if (selectedValue == "Gruppe 2") {
api = "XXXXXXXX";
}
if (selectedValue == "Gruppe 3") {
api = "Nicht definiert!";
}
if (selectedValue == "Gruppe 4") {
api = "Nicht definiert!";
}
if (selectedValue == "Gruppe 5") {
api = "Nicht definiert!";
}
console.log(selectedValue);
console.log(api);
return api;
}
var apiKey = api;
能请你帮我吗? 预先谢谢你!