показ одной опции в один div после двух выбранных выпадающих

Question

показ одной опции в один div после двух выбранных выпадающих

0

Мне нравится на веб-сайте 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

заранее спасибо

user2111267 20 окт. 2013, в 17:11

Источник

0

Разрешился ли ответ ниже?
Stuart Kershaw 25 окт. 2013, в 15:55

Теги:

javascript

html

select

1 ответ

Ещё вопросы

Stuart Kershaw · Answer 1 · 2013-10-20T13-22-00.000Z

Ваш вызов setOptions из HTML возвращает следующую ошибку: Непринятый ReferenceError: setOptions не определен.

Здесь решение: http://jsfiddle.net/HZNJa/6/

Дайте свой выбор id, удалите встроенный вызов setOptions, затем вызовите обработчик события # id.onchange в JS для ссылки на setOptions:

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