1

基本的なものが不足している可能性がありますが、ユーザーにテキストを追加してもらいたいhtmlのテキストボックスがあり、ボタンをクリックするとURLに追加されます。

例えば

<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に渡す必要があります。また、誰かがテキストを貼り付ける状況で機能する必要もあります。

ありがとう

4

5 に答える 5

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>
于 2012-09-23T18:49:36.393 に答える
0

URLの前にあるhttp：//を見逃しました。wwwでURLを開始すると、ブラウザはそれが現在のURLに相対的であると想定します。

<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>
于 2012-09-23T18:42:18.643 に答える
0 
$(function(){
    $('#useCode').click(function(){
        var code = encodeURI($('#code').val())
        parent.location = 'http://www.url.com?id=32&code=' + code;
    });
});
于 2012-09-23T18:46:36.350 に答える
0 
$("#discount_code").submit(function(e){
  var data = $(this).serialize();
  e.preventDefault();

  top.location = 'http://example.com/?code='+data.code;
});
于 2012-09-23T18:48:53.753 に答える
0

URL を取得し、テキスト ボックスの値を追加してから、次のように新しい URL にリダイレクトできます。ただし、ページは更新されます。

    var url = document.URL;
    window.location = url + $('#textboxID').val();​
于 2012-09-23T18:50:47.393 に答える