フォームを値Idに送信

Question

このフォームをfaceboxに送信しますが、フィールド名の値は通過しません。アクションURLの値を使ってフォームを送信するにはどうすればよいですか？ （私は確かに簡単な方法です）。

<form action="javascript: jQuery.facebox({ajax:'livescore/quickhistory.php'});"  id="search-form" method="post"> 
<div class="wrapper"> 
<input type="text" id="name" value="Gamer Look Up" onBlur="if(this.value=='')  this.value='Gamer Look Up'" onFocus="if(this.value =='Gamer Look Up') this.value=''" /> 
<a href="#" onClick="document.getElementById('search-form').submit()">Submit</a> </div> 
</form> 

Answer 1

私はあなたのフォームとfaceboxの間で何が起こっているのか全くわからないんだけど、初心者のために、あなたはインラインイベントハンドラのうちのすべてが行動コードを移動しようとする必要があります

$(document).ready(function(){ 

    $('#search-form').submit(function(e){ 
    e.preventDefault(); // suppress default form handler 
    $.facebox({...}); // add your code to presumably handle submission 
    }); 

    $('#name') // a confusing ID, especially since you should add a "name" attr 
    .focus(function(){ if(this.value == 'Look up') this.value = ''; }) 
    .blur(function(){ if(this.value == '') this.value = 'Look up'; }); 

    $('a#your-link-id').click(function(e){ 
    e.preventDefault(); // suppress default link behavior 
    $('#search-form').submit(); 
    }); 

}); 

あなたのHTMLあなたは<input>フィールドにnameを追加する必要があります

<form action="/some_reasonable_default" id="search-form" method="post"> 
    <div class="wrapper"> 
    <input type="text" id="name" value="Look Up" name="some-name" /> 
    <a href="#" id="your-link-id">Submit</a> 
    </div> 
</form> 

注：その後に単純化することができます。ページの自然な振る舞いを使用してフォームを送信したい場合は、nameとvalueがハンドラスクリプトに送信されます。上記の例のように、サブミットリンクにIDを追加して、明確に選択しやすくする必要があります。