javascript - 选择选项 onchange 时在锚标记中显示值

Question

Below is script when select option onchange input box will echo the value for select option :

<select id="theSelect">
 <option value="888">Foo</option>
 <option value="999">Bar</option>
</select>
<br />
<input id="someInput"/>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
  $("#theSelect").change(function() {
  $("#someInput").val($(this).val());
  }).change(); // trigger once if needed
</script>

我的问题是如何在锚标签内回显值（参考 id 值）：

例子 ：<a href="index.php?id=999" id="link">Click here</a>

谢谢。

Answer 1

您可以使用prop()方法href为链接设置值：

$("#theSelect").on("change", function() {
    $("#link").prop("href", "index.php?id=" + this.value);
});

Answer 2

尝试这个

​</p>

$(function() {
    $('#theSelect').on('change' , function() {
        var $anchor = $('#link')
        var currVal = $(this).find('option:selected').val();
        alert('Old href is : ' + $anchor.attr('href'));
        $anchor.attr('href' , 'index.php?id=' + currVal);
        alert('New href is : ' + $anchor.attr('href'));

    })
});​

检查演示