【发布时间】:2014-01-09 20:53:37
【问题描述】:
我正在尝试使用 jQuery 附加函数将下拉值附加到 html 菜单。加载最后一个下拉选项后,我想打开一个网页 URL。 (用户选择)
HTML 代码:
<select id="sel_bank" name="sel_bak">
<option disabled="disabled" SELECTED >Select Your product</option>
<option>Mobile</option>
<option>laptop</option>
</select>
<select id="sel_state" name="sel_state">
<option disabled="disabled" SELECTED >Select Your brand</option>
</select>
<select id="sel_district" name="sel_district" >
<option disabled="disabled" SELECTED >Goto the web</option>
</select>
jquery:
$(document).ready(function() {
$("#sel_bank").change(function() {
var el = $(this) ;
if(el.val() === "Mobile" ) {
$("#sel_state").empty().append
("<option SELECTED>Select Your product</option>\
<option>Samsung</option>\
<option>Nokia</option>");
}
else if(el.val() === "laptop" ) {
$("#sel_state").empty().append
("<option SELECTED>Select Your product</option>\
<option>HP</option>\
<option>Dell</option>");
}
});
$("#sel_state").change(function() {
var el = $(this) ;
if(el.val() === "Samsung" ) {
$("#sel_district").empty().append
("<option SELECTED>Goto the web</option>\
<option>Samsung Web</option>");
}
if(el.val() === "Nokia" ) {
$("#sel_district").empty().append
("<option SELECTED>Goto the web</option>\
<option>Nokia Web</option>");
}
});
$("#sel_state").change(function() {
var el = $(this) ;
if(el.val() === "HP" ) {
$("#sel_district").empty().append
("<option SELECTED>Goto the web</option>\
<option>HP Web</option>");
}
if(el.val() === "Dell" ) {
$("#sel_district").empty().append
("<option SELECTED>Goto the web</option>\
<option>Dell Web</option>");
}
});
});
何时选择最终下拉选项(它可能是其中一个:三星Web,诺基亚Web,HP Web和Dell Web),我想打开他们的网站。 即,如果我选择Samsung Web,我需要打开Samsung 网页吗?我怎样才能做到这一点?我试过了
$("#sel_district").change(function() {
var el = $(this) ;
if(el.val() === "Samsung Web" ) {
window.location.href = "www.samsung.com";
}
但是,不是打开www.samsung.com,而是像file:///C:/Users/aratnan/Desktop/www.samsung.com一样打开
【问题讨论】:
-
尝试在 url 上添加 http://。
标签: javascript jquery html drop-down-menu