jquery - 响应式选择菜单目标 _blank

Question

嗨，我有一个有效的响应式选择菜单，我希望能够只制作一个链接目标 _blank

<select onchange="if (this.value) window.location.href = this.value;">

    <option value="" selected="selected">Navigation</option> 
    <option value="#">Home</option> 
    <option value="lessons/">Lessons</option> 
    <option value="locations/">Locations</option> 
    <option value="accomodation/">Accommodation</option> 
    <option value="holidays/">Holidays</option> 
    <option value="shop/">Shop</option> 
    <option value="contact/">Contact</option> 
    <option value="kite-jobs/">Jobs</option> 

</select>

Answer 1

<select>

    <option value="" selected="selected">Navigation</option> 
    <option value="#">Home</option> 
    <option value="lessons/">Lessons</option> 
    <option value="locations/">Locations</option> 
    <option value="accomodation/">Accommodation</option> 
    <option value="holidays/">Holidays</option> 
    <option value="shop/">Shop</option> 
    <option value="contact/">Contact</option> 
    <option value="kite-jobs/">Jobs</option> 

</select> 

$(function(){
    $('select').on('change', function() {  
      var url = this.value;  
      if(url == 'shop/' ){            // or whatever
        window.open(url, '_blank');
      }else{
        window.location.href = url;
      }    
    });
});

Answer 2

window.open()在您想要的情况下使用：

<select onchange="if (this.value === 'accomodation') window.open(this.value, '_blank') else if (this.value) window.location.href = this.value;">