【问题标题】:Open a webpage url on same window在同一窗口中打开网页网址
【发布时间】: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一样打开

JS FIDDLE

【问题讨论】:

  • 尝试在 url 上添加 http://。

标签: javascript jquery html drop-down-menu


【解决方案1】:

试试这个

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

【讨论】:

    【解决方案2】:

    尝试window.location = "@987654321@" - 参见示例http://jsfiddle.net/wd46s/2/

    【讨论】:

      【解决方案3】:

      您传递给 href 的所有内容,不带任何协议(如 http)都会在您当前的服务器位置搜索它。添加http://就知道是外部链接了

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2019-05-06
        • 1970-01-01
        • 1970-01-01
        • 2013-12-28
        • 2011-12-25
        • 2014-11-06
        • 2018-11-13
        相关资源
        最近更新 更多