简单的下拉表单/带超链接的菜单。怎么样?

时间:2012-02-23 00:53:45

标签: java jquery forms menu drop-down-menu

看起来很简单,但我找不到任何记录的例子。我想创建一个基本的HTML或PHP下拉表单,显示站点链接作为选项。当用户在下拉列表中选择一个选项时,将在浏览器中打开新链接。 (自动提交)。我不想使用提交按钮,但如果自动提交对用户不起作用,可以选择该选项。这是我到目前为止所做的,并原谅我的无知,但我只是不知道正确的价值观。寻找使用HTML,Java或PHP实现此目的的最简单和最简单的方法。见下文,我刚刚把???代表我不确定的价值观。我也不太确定是否onchange =“this.form.submit();是我应该使用的。非常感谢您对此的任何帮助。如果代码建议被放入上下文中,我会很感激我将能够弄明白。

    <form name="???" action="???" method="???">
  <label for="???">Site Links</label>
  <select id="???" name="???" onchange="this.form.submit();">
    <option value="http://www.example.com/about.htm">About</option>
    <option value="http://www.example.com/contact.htm">Contact</option>
    <option value="http://www.example.com/products.htm">Products</option>
    <option value="http://www.example.com/photos.htm">Photos</option>
    <option value="http://www.example.com/prices.htm">Prices</option>
    <option value="http://www.example.com/faq.htm">FAQ</option>
  </select>
  <button type="???">Submit Form</button>
</form>

2 个答案:

答案 0 :(得分:0)

$('option').click(function(){ location.href = $(this).val(); });

答案 1 :(得分:0)

假设您的选择ID为“select1”(优于“???”以表示):

$('#select1').change(function() {
    window.location = $(this).val();
}):