根据选择框值修改锚链接

时间:2014-01-21 16:55:40

标签: jquery html forms drop-down-menu

我想使用<select>下拉列表将链接的href设置为不同的锚点值。 提前致谢

我目前有这个JS:

var destinationchange = $("#destination").val();
$(document).ready(function() {
  $("#destination").change () {
    $("#engage").attr("href" , destinationchange);
  });
});

这个HTML:

<select id="destination">
  <option value="#1">1</option>
  <option value="#2">2</option>
</select>

<a title="engage" id="engage">Engage</a>

2 个答案:

答案 0 :(得分:1)

试试这个,

$("#destination").change (function() {
    $("#engage").attr("href", $(this).val());
});

DEMO: http://jsfiddle.net/aVqh9/

答案 1 :(得分:0)

您在页面加载时获得值,并且永远不会更改它。您需要在事件处理程序中获取值

$(document).ready(function() {
    $("#destination").on('change', function() {
        $("#engage").prop("href" , this.value);
    });
});