Question

我喜欢在STATIC HTML网站上放置两个下拉选择菜单，根据选择，结果（联系人详细信息）将显示在一个div

中

这是做什么，但对我来说错了

这是javascript

function setOptions(chosen) {
 var selbox = document.myform.opttwo;

 selbox.options.length = 0;
 if (chosen == " ") {
     selbox.options[selbox.options.length] = new Option('Please select one of the options above first', ' ');

 }
 if (chosen == "1") {
     selbox.options[selbox.options.length] = new
     Option('first choice - option one', 'oneone');
     selbox.options[selbox.options.length] = new
     Option('first choice - option two', 'onetwo');
 }
 if (chosen == "2") {
     selbox.options[selbox.options.length] = new
     Option('second choice - option one', 'twoone');
     selbox.options[selbox.options.length] = new
     Option('second choice - option two', 'twotwo');
 }
 if (chosen == "3") {
     selbox.options[selbox.options.length] = new
     Option('third choice - option one', 'threeone');
     selbox.options[selbox.options.length] = new
     Option('third choice - option two', 'threetwo');
 }

}

这里是html

<form name="myform">
<div align="center">
    <select name="optone" size="1" onchange="setOptions(document.myform.optone.options [document.myform.optone.selectedIndex].value);">
        <option value="0" selected="selected"></option>
        <option value="1">First Choice</option>
        <option value="2">Second Choice</option>
        <option value="3">Third Choice</option>
    </select>
    <br>
    <br>
    <select name="opttwo" size="1">
        <option value="0" selected="selected">Please select one of thed options above first</option>
        <option value="www.google.com" selected="selected">www.google.com</option>
        <option value="www.facebook.com" selected="selected">facebook.com</option>
    </select>
    <input type="button" name="go" value="Value Selected" onclick="window.open(document.myform.opttwo.options[document.myform.opttwo.selectedIndex].value);">
</div>

http://jsfiddle.net/HZNJa/

这是我喜欢它的方式

http://d.pr/i/BjjR

提前致谢

Answer 1

从HTML调用setOptions会返回以下错误：未捕获的ReferenceError：未定义setOptions。

以下是解决方案：http://jsfiddle.net/HZNJa/6/

给你的select一个id，删除对setOptions的内联调用，然后调用JS中的＃id.onchange事件处理程序来引用那里的setOptions：

document.getElementById('changer').onchange = function () {
    setOptions(document.myform.optone.options[document.myform.optone.selectedIndex].value);
}

选择两个下拉列表后，在一个div中显示一个选项

1 个答案: