使用 html 中的选择列表来调用不同的 javascript 函数答案

【问题标题】：using select lists in html to call different javascript functions使用 html 中的选择列表来调用不同的 javascript 函数
【发布时间】：2014-02-11 16:29:03
【问题描述】：

我正在尝试编写一个允许用户使用的 hta

选择办公室
选择楼层（链接到办公室）
选择关卡时，运行特定于该“楼层”的函数

我不知道我是否在正确的轨道上，但目前我有两个选择列表看起来正确，

这是我目前所拥有的

<head>
<script type="text/javascript">
var varieties=[
["Floor..."],
["Floor...","Level 6","Level 7"],
["Floor...","77 Level 12","77 Level 13","77 Level 14","77 Level 15"],
["Level 9"]
];

function LevelBox(idx) {
var f=document.myform;
f.levelbox.options.length=null;
for(var i=0; i<varieties[idx].length; i++) {
    f.levelbox.options[i]=new Option(varieties[idx][i], i); 
    }    
}
</script>

</head>
<body onload="LevelBox(0);">
<form name="myform" method="post" action="http://www.mysite.com/mysite">
<fieldset>
<select name="sitebox" onchange="LevelBox(this.selectedIndex)">
    <option value="SiteSelect">Site ...</option>
    <option value="Site1">Site1</option>
    <option value="Site2">Site2</option>
    <option value="Site3">Site3</option>
</select>
<select name="levelbox">

</select>
</fieldset>
</form>
</body>
</html>

但现在我需要根据“FloorBox”中选择的内容执行一个函数

所以在选择楼层时会执行相应的功能

Level 6 - function changeContent6

Level 7 - function changeContent7

Level 12 - function changeContent77_12

Level 13 - function changeContent77_13

等等。

关于如何做到这一点的任何指导？

【问题讨论】：

标签： javascript listbox selection

【解决方案1】：

您可以使用以下代码：

$('select[name="levelbox"]').change(function(){
 var level = $(this).val();
 var level_index = level.split(' ');
 level_index[1]; // use it to call content function
});

【讨论】：

谢谢，抱歉，我对此很陌生，我尝试将其粘贴到 Levelbox 表单之后的脚本部分，但它似乎不起作用。
你必须使用 level_index[1] 作为变量并调用函数并连接到 content+level_index[1]();