javascript - 下拉菜单在 jQuery 中不起作用

Question

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

如何在选择时动态设置文本？

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;
    });

以上是我试图实现的代码，但它不起作用。

Answer 1

尝试通过$("option:selected").val()