フォーム内のinputとかの値を自動的に文字列に変換

システム開発

HTMLのフォームを作っていると、たまに全てのinput属性のパラメータをいっぺんに取得したいことがあります

そんな時にjqueryでフォーム内のinputとかの値を、自動的に文字列に連結して変換してくれる関数があります

serialize( )です

<form id='ore_no_form'>
    <input type="text" name='start' value='最後の'/>
    <input type='text' name='center' value='願いを'>
    <input type='text' name='end' value='聞いてほしい'>
</form>

例えばこんなフォームがあった時、serialize()関数を使うとこんなに簡単にGetパラメータを生成できます

<script> 
    var str = $("#ore_no_form").serialize(); 
    console.log(str); 
  
    // 出力 
    // start=最後の¢er=願いを&end=聞いてほしい 
</script>