从HTML调用的JavaScript函数向下拉列表添加选项的功能无法正常工作

Question

I have been working for a school project lately and I have had problems with HTML and JavaScript. 我最近一直在为一个学校项目工作，但是在HTML和JavaScript方面遇到了问题。 What I want to do is fill a "dropdownlist" values as soon as I change the value of the first "dropdownlist". 我想做的是，一旦我更改了第一个“下拉列表”的值，就填充“下拉列表”值。 From what I have tested, it looks like the function isn't being called at all. 根据我的测试，该函数似乎根本没有被调用。 I just got into web developing and I don't really have many ideas about this. 我刚开始进行Web开发，对此我真的没有很多想法。 I would really appreciate it if someone took the time to look at it. 如果有人花时间去看它，我将非常感激。

 <html> <head> <script type="text/javascript"> function showViti(s1,s2) { var s1 = document.getElementById(s1); var s2 = document.getElementById(s2); s2.innerHTML = ""; if(s1.value == "1"){ var optionArray = ["|","1|1","2|2","3|3"]; } for(var option in optionArray){ var pair = optionArray[option].split("|"); var newOption = document.createElement("option"); newOption.value = pair[0]; newOption.innerHTML = pair[1]; s2.options.add(newOption); } }; function showParalel(s3,s4){ var s3 = document.getElementById(s3); var s4 = document.getElementById(s4); s4.innerHTML = ""; if(!s3.value = "0"){ var optionArray1 = ["|","A1|A1","A2|A2","B1|B1","B2|B2"]; } for(var option in optionArray1){ var pair = optionArray1[option].split("|"); var newOption1 = document.createElement("option"); newOption1.value = pair[0]; newOption1.innerHTML = pair[1]; s4.options.add(newOption1); } }; </script> <body> <img class="logo" alt="Logoja e FSHN" src="customLogo.png" width="25%"> <h3> Orari Mesimor | Fakulteti i Shkencave te Natyres </h3> <form method="post"> <b>Dega:</b> <select id="inputdega" name="inputdega" class="dropDownList" onchange="showViti(this.id, 'inputviti')"> <option value="0" selected>--zgjidh degen--</option> <option value='1'> "Bachelor" ne "Teknologji Informacioni dhe Komunikimi"</option> </select> </br> <b>Viti:</b> <select id="inputviti" name="inputviti" class="dropDownList" onchange="showParalel(this.id,'inputparaleli')"> <option value="0" selected>--zgjidh vitin--</option> </select> </br> <b>Paraleli:</b> <select id="inputparaleli" name="Paraleli" class="dropDownList"> <option value="0" selected>--zgjidh paralelin--</option> </select> <input type="Submit" name="Submit" value="Afisho" onclick="afishoorarin()" style="vertical-align: middle; border: 1px solid #DDD; background-color: #FEFCFA; height: 30px;"> </form> </body> </head> </html>

Answer 1

Hey your script has one little typo. 嘿，您的脚本有一个小错字。 i just changed one line from: 我只是从以下位置更改了一行：

if(!s3.value = "0")

to : 至：

if(!s3.value == "0")

  <html> <head> <script type="text/javascript"> function showViti(s1,s2) { var s1 = document.getElementById(s1); var s2 = document.getElementById(s2); s2.innerHTML = ""; if(s1.value == "1"){ var optionArray = ["|","1|1","2|2","3|3"]; } for(var option in optionArray){ var pair = optionArray[option].split("|"); var newOption = document.createElement("option"); newOption.value = pair[0]; newOption.innerHTML = pair[1]; s2.options.add(newOption); } }; function showParalel(s3,s4){ var s3 = document.getElementById(s3); var s4 = document.getElementById(s4); s4.innerHTML = ""; if(!s3.value == "0"){ var optionArray1 = ["|","A1|A1","A2|A2","B1|B1","B2|B2"]; } for(var option in optionArray1){ var pair = optionArray1[option].split("|"); var newOption1 = document.createElement("option"); newOption1.value = pair[0]; newOption1.innerHTML = pair[1]; s4.options.add(newOption1); } }; </script> <body> <img class="logo" alt="Logoja e FSHN" src="customLogo.png" width="25%"> <h3> Orari Mesimor | Fakulteti i Shkencave te Natyres </h3> <form method="post"> <b>Dega:</b> <select id="inputdega" name="inputdega" class="dropDownList" onchange="showViti(this.id, 'inputviti')"> <option value="0" selected>--zgjidh degen--</option> <option value='1'> "Bachelor" ne "Teknologji Informacioni dhe Komunikimi"</option> </select></br> <b>Viti:</b> <select id="inputviti" name="inputviti" class="dropDownList" onchange="showParalel(this.id,'inputparaleli')"> <option value="0" selected>--zgjidh vitin--</option> </select></br> <b>Paraleli:</b> <select id="inputparaleli" name="Paraleli" class="dropDownList"> <option value="0" selected>--zgjidh paralelin--</option> </select> <input type="Submit" name="Submit" value="Afisho" onclick="afishoorarin()" style="vertical-align: middle; border: 1px solid #DDD; background-color: #FEFCFA; height: 30px;"> </form> </body> </head> </html>

从HTML调用的JavaScript函数向下拉列表添加选项的功能无法正常工作

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-01-14 23:47:48

从HTML调用的JavaScript函数向下拉列表添加选项的功能无法正常工作

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-01-14 23:47:48

解决方案1
1 已采纳 2017-01-14 23:47:48