Question

当选择选项onchange输入框将回显select选项的值时，下面是脚本：

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

我的问题是如何在Anchor Tag内部回显值（参考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

试试这个

$(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'));

    })
});

检查DEMO

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

2 个答案: