Question

我的html表单是：

def foo():
    pass

baz = bar = foo

当输入“test”并按Enter键时，它将转到 form.html？search = test

使用jQuery，如何在结果上添加“xx-”，即 form.html？search = xx-test ？

谢谢

Answer 1

我希望这会有所帮助：

$("#search").submit(function(event) {
  var $form = $( this ),
      url = $form.attr( 'action' );
  var submitdata = $.get( url, { search: "xx-" + $('#keyword').val()} );

  submitdata.done(function( data ) {
    alert('success');
  });
});

Answer 2

使用keypress来捕获输入事件，并使您的网址像这样重定向。

$('#keyword input').bind('keypress', function(e) {
    if(e.keyCode==13){
        var keyword= $('#keyword').val();
        window.location = form.html?search=xx_' + keyword;
    }

});

Answer 3

您可以停止提交表单，并自行构建网址。

<form id="search" action="form.html" method="get">
    <input type="text" id="keyword" name="search" placeholder="keywords" />
</form>
<script>
$("#search").submit(function(e) {
  e.preventDefault();
  var url = this.attr('action')
  url += '?keyword=xx-' + encodeURIComponent($('#keyword').val());
  location.href = url;
});
</script>

如何使用jQuery为输入值结果添加额外的文本

3 个答案: