我想使用jquery append函數將下拉值附加到html菜單。我想在加載最後一個下拉選項後打開網頁網址。 (用戶選擇)在同一窗口中打開網頁網址
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>");
}
});
});
當過選擇最終下拉選項(它可以是一個從本:三星網絡,諾基亞網站,惠普網站和戴爾網站),我想打開他們的網站。 即,如果我選擇三星網絡,我需要打開三星網頁。 ?我該怎麼辦呢?我曾嘗試與
$("#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://。 –