Question

假设我从下拉列表中选择一个项目，然后根据所选项目，我将如何显示另一个下拉列表？例如，在下面的代码中，如果我选择“india”选项，我想显示另一个包含2-3个州名的下拉框。

<! 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>

Answer 1

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='';
}

如何在Javascript / HTML中创建级联下拉列表？

1 个答案: