[英]How to get select box value in a href tag
如何在帶有PHP變量的href標記中獲取選擇框值?
<script type="text/javascript">
$(document).ready(function(){
$("select.id").change(function(){
var selectedid = $(".id option:selected").val();
alert(selectedid);
});
});
</script>
<label>Select Id</label>
<select class="id">
<option value="">SELECT</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="4">5</option>
</select>
<a href="test.php?id=id">Testing</a>
下面顯示的代碼經過測試,可以100%正常工作,使用jQuery attr
並給超鏈接指定一個ID,這里的ID為“ link”:
<a id="link" href="test.php?id=id">Testing</a> <!-- GIVE AN ID, else will affect entire hyperlinks on your project -->
$(document).ready(function(){
$("select.id").change(function(){
var selectedid = $(".id option:selected").val();
$("#link").attr("href","test.php?id="+selectedid); //-----this will change href
});
});
通過使用.attr()
可以更改<a>
標簽的href
選擇選項更改時更改href
$(document).ready(function(){
$("select.id").change(function(){
var selectedid = $(".id option:selected").val();
$('a').attr('href','test.php?id='+selectedid);
});
});
工作小提琴: http : //jsfiddle.net/ehxj9zrx/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.