2016-11-16 185 views
0

我創建了一個包含濾鏡圖像效果的下拉框。Javascript下拉按鈕

我想下拉1鏈接到使用Java腳本下拉2框。對於下拉1

HTML代碼:

<select id="areaImageEffects" onchange="" style="height: 30px;"> 
    <option value="Grayscale">Grayscale</option> 
    <option value="Threshold"> Threshold</option> 
</select> 

的下拉2 HTML代碼:

<select id="ImageEffectsProperties" onchange="" style="height: 30px;"> 
    <option value="Greyscale1">Greyscale1</option> 
    <option value="Greyscale2">Greyscale2</option> 
</select> 

有人可以幫助我的兩個下拉起伏聯繫在一起使用JavaScript這樣,當我做下拉選擇1,下拉2應該出現。

+0

你不想鏈接下拉菜單,但是你想在第一個下拉菜單中選擇一個後顯示另一個右邊的菜單嗎? 如果在頁面加載中隱藏dropdown2。然後在dropdown1的onchange事件中寫一個顯示dropdown2的函數。 ('ImageEffectsProperties')。style.visibilty ='visible';}'function showDropdown2(){ document.getElementById –

回答

0

通過onchange事件調用函數onchange = "myFunction()" 然後寫下面的腳本。

<script> 
//hide dropdown2 on page load. 
document.getElementById('ImageEffectsProperties').style.visi‌​bilty = 'hidden'; 

function myFunction() { 
    document.getElementById('ImageEffectsProperties').style.visi‌​bilty = 'visible'; 
} 
</script>