Javascript 向菜单添加表单函数

我问了这个问题

---

我会在页面上有一个带有单个隐藏字段的表单。然后我要这个菜单，有三种选择。我会将javascript事件处理程序附加到每个项的onclick事件，并在事件处理程序中将隐藏字段设置为特定值。比如说，1，2，或3。当用户单击submit按钮时，将提交此字段

---

下面是代码：

您可以在下面声明元素并以相同的形式使用。嗯，让我看看您的权限您如何尝试共享该代码？“…而不丢失什么的样式”？我不明白这个问题。下面是一些代码：

<form action="" method="get">

<input type="....

<input type="submit" value="submit">
</form>

<script type="text/javascript">
    $(document).ready(function() {
        $(".dropdown  a").click(function() {
            $(".dropdown ul").toggle();
        });

        });                                
        $(".dropdown ul li a").click(function() {
            var text = $(this).html();
            $(".dropdown a span").html(text);
            $(".dropdown ul").hide();
            $("#result").html("Selected value is: " + getSelectedValue("sample"));
        });

        function getSelectedValue(id) {
            return $("#" + id).find("li a span.value").html();
        }

        $(document).bind('click', function(e) {
            var $clicked = $(e.target);
            if (! $clicked.parents().hasClass("dropdown"))
                $(".dropdown ul").hide();
        });

    });
 <form action="" method="get"> 
 <div class="sort">
<ul> 
  <li id="sample" class="dropdown">
    <a href="#">Gender |<span>Both sexes</span></a>

    <ul><li><a href="#">Male<span class="value">Male</span></a>
            <a href="#">Female<span class="value">Female</span></a>
            <a href="#">Both Sexes<span class="value">Both Sexes</span></a>

    </li></ul>
  </li>
</ul>
 <input type="submit">
 </form>