Question

我可能遗漏了一些基本内容，但我在html中有一个文本框，我希望用户添加一些文本，当他们点击按钮时，它会被添加到网址：

e.g。

<form id="discount_code" action='' method='get'>
    <input type='text' name='code' id='code' placeholder='Enter a discount code..'></>
    <input type="button" class='small-button' id='useCode' value='Use Code' onClick="parent.location='www.url.com?id=32&code=< TEXT ENTERED HERE >'" />
</form>

有什么方法可以让我使用jQuery更改事件或类似的？我搜索并发现了一些类似的建议，但似乎没有任何效果。我需要它以GET格式传递给url。它还最好需要在有人粘贴文本的情况下工作。

由于

Answer 1

GET会自动将参数放在标题中。

因此，如果您将表单的操作更改为www.url.com，请执行以下操作：

<form id="discount_code" action='//www.url.com' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' />         
<input type="button" class='small-button' id='useCode' value='Use Code' /> 
</form>

..这应该将任何放入代码中的内容附加到URL中。至于将id放入，您可以创建一个隐藏元素或类似于此的其他输入：

<form id="discount_code" action='//www.url.com' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' /> 
<input type='hidden' name='id' value='23' />        
<input type="button" class='small-button' id='useCode' value='Use Code' /> 
</form>

Answer 2

你错过了网址前面的http：//。当您使用www启动网址时，浏览器会显示相对于当前网址的信息。

<form id="discount_code" action='' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' />
<input type="button" class='small-button' id='useCode' value='Use Code' onClick="parent.location='http://www.url.com?id=32&code=< TEXT ENTERED HERE >'" /> </form>

Answer 3

$(function(){
    $('#useCode').click(function(){
        var code = encodeURI($('#code').val())
        parent.location = 'http://www.url.com?id=32&code=' + code;
    });
});

Answer 4

$("#discount_code").submit(function(e){
  var data = $(this).serialize();
  e.preventDefault();

  top.location = 'http://example.com/?code='+data.code;
});

Answer 5

您可以获取网址，添加文本框值，然后重定向到这样的新网址。该页面将刷新。

    var url = document.URL;
    window.location = url + $('#textboxID').val();

将文本框数据添加到url

5 个答案: