0

シンプルなドロップダウンナビゲーションを作成するための次のコードがあります。ただし、これは値が選択されているかどうかに基づいており、[GO] ボタンをクリックするとユーザーがリンクに移動します。if/else ステートメントを入れたいので、値が選択されていない場合、GO ボタンはデフォルトで最初のリンクになります。

<script>
    function sendURL(url,obj) {
        document.getElementById("urlhidden").value = url;
        jQuery('.current').html(obj.parentNode.innerHTML);
    }
    function submitURL() {
        document.location = document.getElementById("urlhidden").value;
    }
</script>


<form name="navigate" class="select">
    <ul>
        <input type="hidden" name="urlhidden" id="urlhidden" />                 
        <li>
            <a href="javascript:void(0);" onclick="javascript:sendURL('<?php $link = $GLOBALS['base_url'] . '/node/';echo $link?>4',this)">link1</a>
        </li>
        <li>
            <a href="javascript:void(0);" onclick="javascript:sendURL('<?php $link = $GLOBALS['base_url'] . '/node/';echo $link?>5',this)">link2</a>
        </li>
    </ul>
    <div class="btnHolderInline">
        <input type="button" value="Go" onclick="javascript:submitURL();"/>
    </div>
</form>
4

1 に答える 1

0

私にはとても「単純」に見えません。「従来の」ドロップダウン ナビゲーションの何が問題になっていますか?

<form action="javascript:location.href=this.page.options[this.page.selectedIndex].value">
    <select name="page">
        <option value="somepage.php">link1</option>
        <option value="otherpage.php">link2</option>
    </select>
    <input type="submit" value="Go" />
</form>

.currentそれはさておき、元のコードの問題は、要素がないように見えることです。本当に欲しいのは次のようなものです：

function submitURL() {
    $(this).parent("form").find("a:eq(0)").click();
}
于 2013-03-18T22:26:22.707 に答える