使用jQUERY从下拉列表中选择ul li

Question

我花了很长时间尝试重写选择到ul li并相应地设置它。

所以我想完全放弃这个想法，只需使用正常的ul li菜单和某种jquery来使其像select一样（表单提交等）。

由于我希望选择特定的li一旦选择按钮，它将显示ul li的下拉列表。

我的HTML：

<div class="mm_main">
            <ul>
                <li>ATM<i></i></li>
                <li style="margin-bottom: 20px;">柜台<i></i></li>
            </ul>
        </div>

  <div class="input_01 xlmenu" id="bank_hx"><a>选择银行</a></div>
                    <input id="bankcode" type="hidden">
                    <ul id="zxtext2">
                        <li><i></i>请选择银行</li>
                    </ul>

我的jQUERY：

$(".xlmenu").click(function () {

            var xlmenu = ".mmenu";
            var xlmovie = "mmenu_movie";

            //$(xlmenu).addClass(xlmovie);

            var mmenu = $(this).attr("id");


            if (mmenu == "depType")/*选择银行菜单*/ {
                $(xlmenu).eq(1).addClass(xlmovie);
                choicemenu();


            } else {
                $(xlmenu).eq(2).addClass(xlmovie);
                choicemenubank();
            }

            $(".mm_exit").click(function () {
                $(xlmenu).removeClass(xlmovie);
            });


            function choicemenu() {
                $(".mm_main li").unbind("click");
                $(".mm_main li").click(function () {
                    $(".mm_main li i").removeClass("border");
                    $(this).find("i").addClass("border");
                    var title = $(this).text();
                    if (mmenu == "depType")/*ATM选择方式菜单*/ {
                        $("#depType").text(title);
                        closemenu()
                    }
                });
            };

            function choicemenubank() {
                $(".mm_main li").unbind("click");
                $(".mm_main li").click(function () {
                    $(".mm_main li i").removeClass("border");
                    $(this).find("i").addClass("border");
                    $(xlmenu).removeClass(xlmovie);
                    var title = $(this).find("input").val();

                    var arr = title.split('#');

                    if (mmenu == "bank_hx") /*在线支付选择银行菜单*/ {
                        $("#bank_hx").text(arr[0]);
                        $("#bankcode").val(arr[1]);
                    }
                });
            };
            function closemenu() {
                $(xlmenu).removeClass(xlmovie);
            };

        });