入力ボックスで値を選択するためのJqueryコードがありません

Question

パラメータ値が選択されたときにいくつかの結果を示すデータテーブルを作成しようとしています。私は、ラベル、入力ボックス、ボタンの作成から始めました。私はテキストボックスに入力された値を取得しようとするのをテストしようとしています。

$(document).ready(function() { 
    $('#search').submit(function() { 
     var id = $('#sun').val(); 
    }); 
}); 

<div id="page-title"> 
    <h2>sun Details</h2> 
</div> 
<div class="panel-box col-sm-5"> 
    <div class="form-group"> 
     <label class="col-md-3 control-label">Please enter a sun Number</label> 
     <div class="col-md-4"> 
      <input type="text" class="form-control" id="sun" placeholder="xxx"> 
     </div> 
     <button class="btn btn-blue-alt" id="search" type="submit">Search</button> 
    </div>    
</div> 

Answer 1

.submit()フォームです。フォームを使用していない場合は、.click()または$('#selector').on('click', function(){});を使用してください。 Example。

フォームを使用する場合は、.submitのセレクタをフォーム要素にする必要があります。