選択した値をそれぞれの 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;
});
上記は私が実装しようとしているコードですが、機能していません。