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());
})
})
我有这个代码:
<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());
})
})