2017-08-10 46 views
0

我有这样的代码:jQuery的 - 使用属于选择标签链接的变化HREF它

<li class="list-group-item ui-sortable-handle"> 
 
     <a href="#" class="display">Contact</a> 
 

 
     <select id="select" "="" name="pages"> 
 
     <option value="" selected="">Vyberte stránku</option> 
 
     <option value="1">Admin-Stranka1</option> 
 
     <option value="2">Admin-Stranka2</option> 
 
     <option value="3">Admin-Stranka3</option> 
 
     <option value="4">Admin-Stranka4</option> 
 
     </select> 
 
    </li> 
 

 
    <li class="list-group-item ui-sortable-handle"> 
 
     <a href="#" class="display">Home</a> 
 

 
     <select id="select" "="" name="pages"> 
 
     <option value="" selected="">Vyberte stránku</option> 
 
     <option value="1">Admin-Stranka1</option> 
 
     <option value="2">Admin-Stranka2</option> 
 
     <option value="3">Admin-Stranka3</option> 
 
     <option value="4">Admin-Stranka4</option> 
 
     </select> 
 
    </li> 
 
    <li class="list-group-item ui-sortable-handle"> 
 
     <a href="#" class="display">About</a> 
 

 
     <select id="select" "="" name="pages"> 
 
     <option value="" selected="">Vyberte stránku</option> 
 
     <option value="1">Admin-Stranka1</option> 
 
     <option value="2">Admin-Stranka2</option> 
 
     <option value="3">Admin-Stranka3</option> 
 
     <option value="4">Admin-Stranka4</option> 
 
     </select> 
 
    </li>

我想通过设定的值来改变链接的href选择,这是链接旁边

我该怎么做?谢谢

+0

你尝试了一些东西到目前为止? – Dekel

+0

你有什么问题? '$(this).prev(“a”)'将获得选择旁边的链接。 – Barmar

+0

@Dekel我正在寻找像foreach这样的东西。我是JQuery的新手,我无法找到解决方案。我想我不知道我该找什么 –

回答

1
$("select").each(function() { 
    $(this).change(function() { 
     $(this).prev('a').attr('href',$(this).val()); 
    }) 
}) 
+0

还是什么都没有。 href不会改变。