0

これが私のコードです。

<body>
your First Name: <input id="first_name" name="first_name" type="text" />
your Last Name: <input id="last_name" name="last_name" type="text" />
<input name="myBtn" type="submit" value="Submit Data" onClick="??????">
</body>

ご覧のとおり、2 つのテキスト ボックスと送信ボタンだけです。私がやりたいことは、ユーザーが自分の名前を入力できるようにすることです。ボタンをクリックすると、テキストが json 形式に変換され、ボタンの下に結果が表示されてその作業が表示されます。私のコードを変更してこれを行うか、自分で行うのに役立つリンクを教えてください。

4

1 に答える 1

0

json.js ライブラリを使用できます (ソース:https://github.com/douglascrockford/JSON-js )

<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<form>
<label for="first_name">your First Name: </label>
    <input id="first_name" name="first_name" type="text" />

    <label for="last_name">your Last Name: </label>
    <input id="last_name" name="last_name" type="text" />

    <input name="myBtn" id="myBtn" type="button" value="Submit Data" />
</form>​​​​​​​​​​​​​​

    <script>
$('#myBtn').click(function() {
    var form_data = {
        'first_name': $('#first_name').val(),
        'last_name': $('#last_name').val()
    };

    var json_text = JSON.stringify(form_data, null, 2);

    $('#myBtn').after('<pre>' + json_text + '</pre>');

});​
    </script>

ライブで確認してください: http://jsfiddle.net/jcalonso/HDWjf/

于 2012-12-10T11:29:22.663 に答える