Javascript 如何在href标记中获取选择框值

如何在带有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>

$（文档）.ready（函数（）{
$（“select.id”）.change（函数（）{
var selectedid=$（.id选项：selected”）.val（）；
警报（选择EDID）；
});
});
选择Id
挑选
1.
2.
3.
4.
5.

下面显示的代码，经过测试并100%有效，使用jQuery

attr

并为hyperlink提供一个ID，这里的ID是“link”：

$（文档）.ready（函数（）{
$（“select.id”）.change（函数（）{
var selectedid=$（.id选项：selected”）.val（）；
$（“#link”）.attr（“href”，“test.php？id=“+selectedid”）；/----这将更改href
});
});

通过使用

.attr（）

您可以更改

的
href
，这里有两个或多个选择框。。你如何获得价值。。
<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 
        });
    });

$(document).ready(function(){
        $("select.id").change(function(){
            var selectedid  = $(".id option:selected").val();
            $('a').attr('href','test.php?id='+selectedid);
        });
    });