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 回答