2014-01-09 44 views
0

我想使用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

JS FIDDLE

+1

嘗試在url上添加http://。 –

回答

3

試試這個

window.location.href = "http://www.samsung.com"; 
0

您傳遞給href的所有內容(沒有任何協議(如http))都會在您當前的服務器位置進行搜索。添加http://將知道這是一個外部鏈接

相關問題