2016-11-16 127 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>