Question

我需要在HTML中创建一个下拉菜单。我的想法是，当我点击该选项时，让我们说一个城市，菜单下面会自动显示详细的联系信息。

所以举个例子。如果我选择伦敦，自动应该出现街道地址，电话等。可以使用下面的提交按钮，但更好的没有。

<form action="process.php" method='post'>
<select name="cities">
<option value="London">London</option>
<option value="NY">NY</option>
<option value="Rome">Rome</option>
<option value="Paris">Paris</option>
</select>
<input type="submit" />
</form>

我在HTML方面不太好，会非常感谢一些帮助

Answer 1

this (check this fiddle)您要找的是什么？

您需要的只是Javascript或Jquery的想法。以上小提琴中的代码仅供参考或参考。有关更好的用法，请参阅Jquery Ajax。

代码是：

    $('#cities').change(function(){
    var data = $('#cities :selected').val();
    document.getElementById("data").style.display = "block";
    if(data === "Paris")
        document.getElementById("data").innerHTML = "You have selected Paris";
    else if(data === "Rome")
        document.getElementById("data").innerHTML = "You have selected Rome";
    else if(data === "NY")
        document.getElementById("data").innerHTML = "You have selected NY";
    else if(data === "London")
        document.getElementById("data").innerHTML = "You have selected London";    
    else
        document.getElementById("data").style.display = "none";
});

点击后带有额外数据的HTML下拉菜单

1 个答案: