javascript - JQuery の動的に入力された選択への HREF の追加

Question

選択オプションにプライマリ ナビゲーション UL のコンテンツを自動的に入力するフォーム ベースのメニューがあります。メニューの位置を反映してダッシュで素晴らしく増加します。

ただし、UL 内のリンクの HREF は読み込まれません。

これは私が持っているコードです:

 <script>
        $(function() {
                var options = '<option selected></option>';

                $('#primary-nav').find('a').each(function () {
                    var text = $(this).text(),
                    depth = $(this).parent().parents('ul').length,
                    depthChar = '',
                    i = 1;
                    for (i; i < depth; i++) { depthChar += '&ndash;&nbsp;';
                        }
                    options += '<option>' + depthChar + text + '</option>';
                });
                $('<select id=\'mobile-menu\' />').append(options).appendTo('#mobile-nav');

                $("#primary-nav select").change(function() {
                    window.location = $(this).find("option:selected").val();
                });

            });


        </script>

クリックすると、選択したオプションが表示された値に基づくURLではなく、URLに移動するように、上記に以下を追加する必要があります。

$("#primary-nav a").each(function() {
var el = $(this);
$("<option />", {
 "value"   : el.attr("href"),
"text"    : el.text()
}).appendTo("#primary-nav select");
});

どうすればこれを行うことができるか教えてもらえますか？

ありがとうございました。