2

API を使用して mySQL データベースからデータを JSON 形式で取得し、そのデータをデータテーブルに表示します。私がやっていることは、編集するデータでモーダルを表示しているものを編集することです。ドロップダウンもあります。データベースから値を入力する方法がわからないので混乱しています。今まですべてを試しましたが、まだ成功していません。

これがスクリプトです。

$('#company .edit-company').live('click', function() {
                    var id = $(this).attr('id');
                    $('#company-label').html('Edit ');
                    $('#company-form')[0].reset();
                    $.ajax({
                        url : '/index.php/company/profile_data',
                        type : 'POST',
                        data : 'companies[]=' + id,
                        beforeSend : function() {
                            $('#loading-span7').show();

                        },
                        success : function(data, textStatus, xhr) {

                            var details = JSON.parse(data);
                            console.log(details.aaData[0].homepage_url);
                            $('input[name=company-name]').val(details.aaData[0].name);
                            $('input[name=package-id]').html(details.aaData[0].package_id);
                            //$('#package-id').val(details.aaData[0].package_id);
                            $('#edit_company').modal('show');
                            $('#loading-span7').fadeOut();
                        },
                        error : function(xhr, textStatus, errorThrown) {
                            //alert('error');
                        }
                    });

                });

そして、ここにHTMLがあります

<div id="edit_company" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×
            </button>
            <h3 id="myModalLabel"><span id="company-label"></span>Company</h3>
        </div>
        <div class="modal-body">
            <form id="company-form">
                <fieldset>
                    <label>Name</label>
                    <input type="text" placeholder="Type something…" name="company-name">
                    <label>Package</label>
                    <select name="package" name="package-id" id="package-id">
                        <option></option>
                    </select>

                </fieldset>
            </form>

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">
                Close
            </button>
            <button class="btn btn-primary">
                Save changes
            </button>
        </div>
    </div>
4

1 に答える 1

0 
$('select#package-id option').text(details.aaData[0].package_id);

オプションを作成するには:

var option1 = $('<option />', {text: details.aaData[0].package_id}),
    option2 = $('<option />', {text: details.aaData[1].package_id}),
    option3 = $('<option />', {text: details.aaData[2].package_id});

$('select#package-id').append(option1, option2, option3);
于 2012-12-10T00:00:31.720 に答える