0

現在、モーダル ライトボックス ウィンドウを開くドロップ ダウン ナビゲーションがあります。

最初のデフォルト オプションである URL が選択されていないオプションがある場合、ウィンドウを開かないようにしたいと思います。

私は次のような多くのテクニックを試しました: - フォームの onsubmit イベントで false を返す。- jQuery を使用して、クリック イベントを goURL a href リンクにバインドしようとすると、1) event.preventDefault が呼び出されるか、2) 伝播イベントが停止します。- onclick イベントを goURL a href リンクにコーディングします。

以下はhtmlコードです

<h3>Request a <span>Quote</span></h3>
<form action="#">
    <div class="select">
        <select id="URL" name="URL" onchange="$('#goLink').attr('href', $('#URL').val());">
            <option value="">- Choose a Link -</option>
            <option value="/node/1/lightbox2">Link 1</option>
            <option value="/node/2/lightbox2">Link 2</option>
            <option value="/node/3/lightbox2">Link 3</option>
            <option value="/node/4/lightbox2">Link 4</option>
            <option class="last" value="/node/5/lightbox2">Link 5</option>
        </select>
    </div>
</form>
<a href="#" id="goLink" class="go" rel="lightframe">GO</a>
4

1 に答える 1

1

ライトボックス効果のない単純なリンクが必要な場合は、 rel属性を削除する必要があります。href 属性は影響しません。

jQuery コードのサンプルを次に示します (完璧なコードである必要はありませんが、例としてのみ)。

$("#url").change(function(){
    var selected = $('url :selected'), // Get the selected option
        selectedVal = selected.val(); // Get the selected option value

    if (selectedValue == "") {
        $('#goLink').removeAttr('rel'); // Remove the rel if the value is empty
    } else {
        $("#goLink").attr('href',selectedVal).attr('rel','lightframe'); // Add rel=lightframe attribute and the href
    }
});
于 2013-08-09T21:00:20.433 に答える