将选项保存在下拉菜单中

时间:2015-11-29 16:53:13

标签: jquery html jsp dropdown

我想问你一个问题。我在jsp页面中有这个下拉菜单:

<ul class="dropdown-menu">
<div class="myBox2">
  <li class="ul"><a href="#">Αυστρία</a></li>
  <li><a href="#">Βέλγιο</a></li>
  <li><a href="#">Βουλγαρία</a></li>
  <li><a href="#">Γαλλία</a></li>
  <li><a href="#">Γερμανία</a></li>
  <li><a href="#">Δανία</a></li>
  <li><a href="#">Ελβετία</a></li>
  <li><a href="#">Εσθονία</a></li>
  <li><a href="#">Ηνωμένο Βασίλειο</a></li>
  <li><a href="#">Ιρλανδία</a></li>
  <li><a href="#">Ισλανδία</a></li>
  <li><a href="#">Ισπανία</a></li>
  <li><a href="#">Ιταλία</a></li>
  <li><a href="#">Κύπρος</a></li>
  <li><a href="#">Λετονία</a></li>
  <li><a href="#">Λιθουανία</a></li>
  <li><a href="#">Μάλτα</a></li>
  <li><a href="#">Νορβηγία</a></li>
  <li><a href="#">Ολλανδία</a></li>
  <li><a href="#">Ουγγαρία</a></li>
  <li><a href="#">Πολωνία</a></li>
  <li><a href="#">Πορτογαλία</a></li>
  <li><a href="#">Ρουμανία</a></li>
  <li><a href="#">Σλοβακία</a></li>
  <li><a href="#">Σλοβενία</a></li>
  <li><a href="#">Σουηδία</a></li>
  <li><a href="#">Τσεχία</a></li>
  <li><a href="#">Φινλανδία</a></li>
</ul>

我试图找到一种方法来保存用户的选择。我想每次只选择一个菜单选项。你知道吗? 提前谢谢。

2 个答案:

答案 0 :(得分:0)

我认为如果你想存储输入

,使用单选按钮会更好

答案 1 :(得分:0)

您可以使用带有该选项的select标签,然后使用jQuery知道所选的内容:

http://jsfiddle.net/gr79fv1k/

  <select class="myox2">
    <option>Αυστρία</option>
    <option>Βέλγιο</option>
    <option>Βουλγαρία</option>
    <option>Γαλλία</option>
    <option>Γερμανία</option>
    <option>Δανία</option>
    <option>Ελβετία</option>
    <option>Εσθονία</option>
    <option>Ηνωμένο Βασίλειο</option>
    <option>Ιρλανδία</option>
    <option>Ισλανδία</option>
    <option>Ισπανία</option>
    <option>Ιταλία</option>
    <option>Κύπρος</option>
    <option>Λετονία</option>
    <option>Λιθουανία</option>
    <option>Μάλτα</option>
    <option>Νορβηγία</option>
    <option>Ολλανδία</option>
    <option>Ουγγαρία</option>
    <option>Πολωνία</option>
    <option>Πορτογαλία</option>
    <option>Ρουμανία</option>
    <option>Σλοβακία</option>
    <option>Σλοβενία</option>
    <option>Σουηδία</option>
    <option>Τσεχία</option>
    <option>Φινλανδία</option>
  </select>

和js:

   function selectItem() {
      alert($('.myBox2').val())
    }

    $('button').on('click', selectItem)

不要忘记安装jQuery,或者你可以使用vanilla js