2017-08-10 3 views
0

に属しselectタグを使用して、リンクの変更HREFが、私はこのコードを持っている:jQueryの - それに

<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は変化していません。