0

jquery appendoプラグインを使用して問題に直面しています。フィールドを複製しましたが、ドロップダウンリストから選択したものに基づいてテキストフィールドに入力したいのですが、製品のドロップダウンリストがあり、製品を選択するとテキストフィールドが次に表示されます対応するレートで満たす必要があります。サーバー側からデータを取得するドロップダウン リストを変更する際に ajax イベントをアクティブにすることはできましたが、隣接するテキスト フィールドにデータを入力することはできません。これが私のコードです。

 <script type="text/javascript" lang="javascript" src="jquery-1.8.2.min.js" ></script>
<script type="text/javascript" lang="javascript" src="jquery.appendo.js" ></script> 
<script type="text/javascript" lang="javascript">
    $(document).ready(function(){

        $('.product').change(function(){
            //ajax call and receiving the data but after getting the data from server how to populate the rate text field
        });
        var id = 0;
        var append = $('#objid').appendo({
        allowDelete: true,
        copyHandlers: true      
    });


});
</script>

これは私のhtml部分です。

<body>
    <form action="#" method="post">
    <table id="objid">
        <thead>
            <tr>
                <th>Client:</th>
                <th>Product:</th>
                <th>Rate:</th>
            </tr>
        </thead>
        <tr><td><input type="text" name="name[]"></td>
        <td>
            <select class="product" name="product[]">
                <option value="">---Select---</option>
                <option value="web_designing">Web Designing</option>
                <option value="hosting">Hosting</option>
                <option value="domain">Domain</option>
            </select>
        </td>
        <td><input type="text" name="rate[]" id="rate[]"/></td>
        </tr>

    </table>
    <br>
    <input type="submit" value="Submit" name="submit">
    </form>
</body>
4

1 に答える 1

0

コードの一部:

    $('.product').change(function(){
        //ajax call and receiving the data but after getting the data from server how to populate the rate text field
    });

次のコードを使用して、テキスト フィールドに値を追加できます。

    $('.product').change(function(){
        //ajax call and receiving the data but after getting the data from server how to populate the rate text field
        var value = ajax_received_value;
        var $this = $(this);
        $this.parent().next().children().val(value);
    });
于 2013-02-15T12:00:01.390 に答える