Jquery - 使用属于它的 select 标签更改 link 的 href

Jquery - change href of link using the select tag which belongs to it

我有这个代码:

<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>

我想通过设置 select 的值来更改 link 的 href,它位于 link

旁边

我该怎么做?谢谢

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