如何选择数组[0]并使用javascript使其成为链接

时间:2015-07-01 19:39:02

标签: javascript jquery html

我有一个数组,但是我想在点击<a href="javascript:void(0)">Hotel Selection</a>时转到其他网址。这是我到目前为止所拥有的。谢谢你的帮助。

<div id="menu">
    <ul>
        <li class="left-edges inactive"></li>
        <li class="inactive" style="width: 149px;">
            <a href="Javascript:void(0)">Hotel Selection</a>
        </li>
        <li class="seperator"></li>
        <li class="inactive" style="width: 124px;"></li>
        <li class="seperator"></li>
        <li class="inactive" style="width: 170px;"></li>
        <li class="seperator"></li>
        <li class="active" style="width: 134px;"></li>
        <li class="seperator"></li>
        <li class="inactive" style="width: 71px;"></li>
        <li class="seperator"></li>
        <li class="inactive" style="width: 95px;"></li>
        <li class="right-edges inactive"></li>
    </ul>
</div>

的Javascript

$ (document).ready(function () {
    $('#menu').click(function(){

        var x = document.getElementById("menu").selectedIndex;
        var y = document.getElementById("menu").options;

        if (y[x].index == "0") {
            window.location.href='https://google.com';
        }
    });
});

1 个答案:

答案 0 :(得分:0)

以下两个陈述都不正确,它们返回undefined。

var x = document.getElementById("menu").selectedIndex;
var y = document.getElementById("menu").options;

尝试以下方法。在超链接上设置事件侦听器,然后在满足任何条件时重定向它。

$ (document).ready(function () {
    $('#menu li a').click(function(){

        var href =$(this).attr('href');

        if (href.indexOf('Javascript')>=0) {
            alert('https://google.com');
            //window.location.href='https://google.com';
        }
    });
});

https://jsfiddle.net/dshun/34fhL30s/27/