2012-04-11 40 views
1
$(document).ready(function() { 
    $('.group').hide(); 
    $('#selectMe').change(function() { 
     $('.group').hide(); 
     $('#' +$(this).val()).show(); 
    }) 
}); 


<html> 
<label for="hi" title="hi">hi</label> 
<select name="selectMe" id="selectMe"> 
<option>Select</option> 
<option value="option1">option1</option> 
<option value="option2">option2</option> 
<option value="option3">option3</option> 
<option value="option4">option4</option> 
</select> 
<div id="option1" class="group"> 
<label for="Your State" title="Your State">Your State</label> 
<select name="Your State" id="Your State"> 
<option>Select</option> 
<option value="albama">Albama</option> 
<option value="alaska">Alaska</option> 
<option value="arizona">Arizona</option> 
</select> 
</div> 
<div id="option2" class="group">xxxx</div> 
<div id="option3" class="group">vvvv</div> 
<div id="option4" class="group">dddd</div> 
</html> 

嗨,JavaScript的下拉菜單來顯示內容

我的代碼,以顯示你的狀態下拉當用戶選擇選項1。

,當他從你的狀態可以選擇亞利桑那州,我需要在兩個下拉菜單..... 請幫我......感謝底部的dispaly「嗨,朋友們」提前

回答

0

是這樣你在做什麼?

http://jsfiddle.net/tR2xU/

+0

非常感謝你!!!!!!!!!! – anil 2012-04-11 22:13:54

+0

我只是對其進行了更改,但它不適用於我的應用程序,我是否需要對其進行一些更改。 – anil 2012-04-11 22:28:44

+0

我已經改變了你的選擇標籤的id,就像在小提琴的例子中一樣。因爲你的國家有一個空間不是很友好,可以使用js或css,只是更容易。對不起,忘了提及它:) – GillesC 2012-04-11 22:46:33