下拉列表在jQuery中不起作用

时间:2013-05-20 13:09:57

标签: javascript jquery

我想将所选值重定向到相应的网址。 但是当我选择任何值时,它会重定向到特定的URL,但对于任何选定的值显示与“我的帐户”相同的文本。

如何在select?

上动态设置文本

HTML

<li style="margin:-3px 0 0 0;">
      <select id="myacc">
          <option value="1" id="myacc_link" ><a href="/Myaccount.asp">My account</a> </option>
          <option value="2" id="sign_btn" ><a href="/login.asp">Sign IN</a></option>
          <option value="3" id="out_btn" ><a href="/login.asp">Sign Out</a></option>
          <option value="4" id="o_btn" ><a href="/Myaccount.asp">Orders</a></option>
      </select>
</li>

的jQuery

$(function () {
    // bind change event to select
    $('#myacc').bind('change', function () {

        var op_val = $("#myacc option:selected").text();

        if (url == 1) { // require a URL
            window.location = 'http://xcome.sewuk.servertrust.com/Myaccount.asp'; // redirect

            var nval = "My account"
            $("#myacc option:selected").text(nval);



        } else if (url == 2) {
            window.location = 'http://xcome.sewuk.servertrust.com/login.asp';
            var nval = "Sign In"
            $("#myacc option:selected").text(nval);
            /* $("#sign_btn").text("Sign In"); */
        } else if (url == 3) {
            window.location = 'http://xcome.sewuk.servertrust.com/login.asp';


            $("#out_btn").text("Sign Out");

        } else if (url == 4) {
            window.location = 'http://xcome.sewuk.servertrust.com/ShoppingCart.asp';
            var url1 = $(this).text();

            $("#o_btn").text("Orders");

        }

        return false;
    });

以上是我试图实现的代码,但它无效。

1 个答案:

答案 0 :(得分:-3)

尝试按$("option:selected").val()

获取所选值