Javascript 在已连接下拉列表中使用selectIndex的值_Javascript_Html_List_Menu_Selectedindex

Javascript 在已连接下拉列表中使用selectIndex的值

javascript html list menu

Javascript 在已连接下拉列表中使用selectIndex的值,javascript,html,list,menu,selectedindex,Javascript,Html,List,Menu,Selectedindex,我要做的是根据所选索引的值更改框的.innerHTML： <!DOCTYPE html> <html> <head> <title>test</title> <script src="test.js"></script> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <fo

我要做的是根据所选索引的值更改框的.innerHTML：

<!DOCTYPE html>
<html>

<head>
<title>test</title>
<script src="test.js"></script>
<link rel="stylesheet" type="text/css" href="test.css">
</head>

<body>
<form>
    <select id="slct1" name="slct1" onChange="populate(this.id, 'slct2')">
        <option val=""></option>
        <option val="Chevy">Chevy</option>
        <option val="Dodge">Dodge</option>
        <option val="Ford">Ford</option>
    </select>
</form>
<hr />
<form>
    <select id="slct2" name="slct2" onchange=handleSelect(this.form);></select>
</form>

<div id="box"></div>
</body>

</html>

我可以更改id=“box”的innerHTML，但我需要做的是根据selectedindex的值更改box的innerHTML。我认为问题与我的下拉菜单相互连接有关。谢谢

据我所知，你只犯了一个小错误。在select2中，您的值中有空格，因此当您针对“corvette”验证strUser时，它返回false，因为值实际上是“corvette”。您可以使用javascript中的user trim（）函数。像这样

var strUser = e.options[e.selectedIndex].value.trim();

这将删除所选字符串开头和结尾的空白，并应正确验证。

是，或者可以删除定义中的空白（在这些管道周围）。谢谢！清除管道周围的空白区修复了它！你太棒了！

var strUser = e.options[e.selectedIndex].value.trim();