2013-10-01 4 views
-4

Предположим, что я выбираю элемент из выпадающего списка, а затем на основе выбранного элемента, как бы отобразить другой раскрывающийся список? Например, в приведенном ниже коде, если я выберу опцию «india», я хочу отобразить еще один раскрывающийся список, содержащий 2-3 имени состояний.Как создать каскадные выпадающие списки в Javascript/HTML?

<! DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 
    function india() 
    { 
     var x =document.getElementById('con').value; 
     alert(x); 
    } 
</script> 
</head> 
<body> 
    <h1 id='h1'> first </h1> 
    <select id="con" onchange="indai()"> 
     <option>----select----</option> 
     <option value="india" >India</option> 
     <option value="US">US</option> 
     <option value="UK">UK</option> 
    </select> 
</body> 
</html> 
+3

В чем вопрос? – isherwood

+1

Этот вопрос довольно распространен, если вы посмотрите на GOOGLE, вы должны найти пример кода. Если вы столкнулись с ошибкой, вы должны вернуться к шагу 1 и посмотреть на GOOGLE. Если ваш поиск в Google не исправляет вашу проблему, а не отправляйте код, который вы пробовали, вы получили ошибку и ваш вопрос: Hi, у меня есть этот код ошибки с этим кодом (какой-то код здесь), может кто-нибудь указать, где я держу пожалуйста ? Чем мы с радостью поможем. – Sebastien

+3

На данный момент у меня такое впечатление, что все, что вы хотите, это для нас, чтобы вы делали свою работу за вас. – Sebastien

ответ

0

http://jsfiddle.net/7FtkS/

Это хорошее решение.

onchange="document[value](value)" 

// where the [value] defines the name of the function and (value) used as id-parm 
document.india = function(id) 
{ 
    document.getElementById(id).style.display=''; 
} 
Смежные вопросы