Question

我正在尝试使用jquery append函数将下拉值附加到html菜单。我加载最后一个下拉选项后，我想打开一个网页网址。（用户选择）

HTML code：

<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

Answer 1

试试这个

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

Answer 2

尝试window.location = "http://www.samsung.com" - 参见示例http://jsfiddle.net/wd46s/2/

Answer 3

您传递给href的所有内容，如果没有任何协议（如http），都会在当前服务器位置搜索它。添加http://将知道这是一个外部链接

在同一窗口中打开网页网址

3 个答案: