javascript - ボタンのクリック時にデータを追加

Question

StackOverflow の皆さん、こんにちは。

現在構築中の小さな Web アプリケーションについて質問があります。

データのテーブルがあります。この場合は電話番号です。ユーザーがテーブル内の番号の横にあるボタンをクリックしたときに、電話番号を適用したいと考えています。

1. ユーザーがテーブル内の電話番号をクリックします。
2. 電話番号が入力フィールドに追加/追加されます。

どんな助けでも大歓迎です！

よろしく、キャスパー。

Answer 1

以下のコードを試してください:

$('#buttonId').click(function(){
$('#inputId').val($('#pnonumberId').val());
});

このようなものを探していると思いますが、他に何か求められている場合はお知らせください。

Answer 2

$('.phoneNumer').on('click', function(){
$('#input').attr('value', 'valueToshowInInput');
});

このようなもの？これには jQuery が必要です。

ここでフィドル：http://jsfiddle.net/JbB4U/

Answer 3

ID をテキスト フィールドと、電話番号がある div セクションに指定します。次に、この jQuery コードを使用します。

$("#phone-list span.phone-number").click(function(){  

    $( "#phone" ).append($(this).val());

}); 

Answer 4

        <script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
        <input type="text" value="" id="phone">
        <table id="phone-list">
            <tr>
                <td><span class="phone-number">1XXXX-YYYYY</span><button class="click-number">Phone1</button></td>
            </tr>
            <tr>
                <td><span class="phone-number">2XXXX-YYYYY</span><button class="click-number">Phone2</button></td>
            </tr>
            <tr>
                <td><span class="phone-number">3XXXX-YYYYY</span><button class="click-number">Phone3</button></td>
            </tr>
        </table>

        <script>
            $(document).ready(function(){
               var $phoneEdit = $("#phone");
               $("#phone-list .click-number").click(function(){
                   $phoneEdit.val($(this).prev("span.phone-number").html());
               });
            });
        </script>