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

2020年6月11日システム開発

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>

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に僕は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら