1. ホーム
  2. javascript

Jquery get form field value

2023-08-25 16:15:17

質問

私はjqueryテンプレートを使って、同じページに複数の要素を動的に生成しています。各要素は次のようになります。

<div id ="DynamicValueAssignedHere">
    <div class="something">Hello world</div>
    <div class="formdiv">
        <form name="inpForm">
            <input type="text" name="FirstName" />
            <input type="submit" value="Submit" />
        </form>
    </div>
</div>

送信時にJqueryでフォームを処理したい。また、何か問題が発生した場合、フォームの値を以前の値に戻したいと思っています。そこで質問なのですが Jqueryを使用して入力ボックスの値を取得するにはどうしたらよいでしょうか?例えば、class "something"を持つdivの値を次のようにして取得することができます。

var something = $(#DynamicValueAssignedHere).children(".something").html();

同じように、テキストボックスの値も取得できるようにしたいです。今現在、私が試したのは

var text = $(#DynamicValueAssignedHere).children(".formdiv").findnext('input[name="FirstName"]').val();

が、うまくいっていないようです。

どうすればよいですか?

この場合 value attribute を使ってその値を取得します。

<input type="text" name="FirstName" value="First Name" />

を試してみてください。

var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();