Question

我有一个带有href的锚标签。我需要在输入文本框的最后一个/ href之后添加一个字符串。我试图将输入框的值添加到href但没有成功。我可以使用onclick事件将值添加到链接字符串吗？如何使用jquery实现这一目标？这是代码：

//This is the Search Button
$('#switch-fighter-search-button-link').attr("href","/fighters/search/");

//This is the Input box
var sft = $('$switch-fighter-text').val();

Answer 1

不完全确定你在这里要做什么，但是如果你能提供更多有用的代码。以下是我认为你可能会尝试做的一个例子：

<script type="text/javascript>
$('#submit').click(function(){
    var $link = $('#link1');
    //add to the href
    $link.attr('href', $link.attr('href') + "?id=1");
});

//note that if you want to prevent the link from submitting do like so
$('#link1').click(function(){

    //force redirect to a specific url, adding to the href on the fly
    window.location = $(this).attr('href') + "&user=me";

    return false; //prevents href from changing window.location

});

</script>
<body>
    <input id="submit1" type="Submit" value="Submit"></input>
    <a id="link1" href="somelink/test.html">Link</a>
</body>

Answer 2

这样它将获取原始链接的href并添加id为“switch-fighter-text”的元素的值

$('#switch-fighter-search-button-link').click(function(){
  window.location=$(this).attr("href")+$('#switch-fighter-text').val();
  return false;
});

Answer 3

$('#switch-fighter-search-button-link').click(function(){
   window.location="/fighters/search/"+$('$switch-fighter-text').val();
   return false;
});

Answer 4

这样的事情应该有效：

$('$switch-fighter-text').change(function() {
    var link = $('#switch-fighter-search-button-link');
    link.attr('href', link.attr('href') + $(this).val());
});

Answer 5

$('#switch-fighter-search-button-link').attr("href", $('#switch-fighter-search-button-link').attr("href") + $('$switch-fighter-text').val() );

这会将文本框的值添加到已存在的href src

中

但我认为单击页面后可以更改href src将无法正常工作。所以使用

onclick=" window.location='"' + $('#switch-fighter-search-button-link').attr("href") + $('$switch-fighter-text').val(); + '"'; "

如何使用onclick事件链接到网页而不是href？

5 个答案: