0

動的に作成されたテーブルの値を取得したいのですが、何が問題なのかわかりませんでした。

phpファイルで作成されたテーブル、またはjqueryで呼び出してサーバー側で作成します。

明確にするために：私のhtmlページで、jqueryメソッドを実行してこのテーブルをロードします。

次に、このテーブルの値を編集できるようにする必要があります。しかし、要素の値の代わりに得られるものは未定義です。（値をアラートするとき）

これはjqueryコードです:

//<!-- ajax Post Request -->
$(function() {
    $('#edit_test_show').hide();
    $('#save_edit').hide();
    var vop_id = localStorage.getItem('op_id');
    $.post("Requests/OPS.php", //Required URL of the page on server
        { // Data Sending With Request To Server
            read_OPS: true,
            op_id: vop_id
        },
        function(response) { // Required Callback Function
            if (response) {
                $("#result_table").html(response);
            }
        });
    //====================
    $('#enable_edit').on('click', function() {
        $('#edit_test_show').show();
        $('#enable_edit').hide();
        $('#save_edit').show();
    });
    $('#save_edit').on('click', function() {
        $('#edit_test_show').hide();
        $('#enable_edit').show();
        $('#save_edit').hide();
        var vop_id = localStorage.getItem('op_id');
        var vop_title = $('#result_table').find('#op_title').val();
        var vop_descrip = $('#result_table').find('#op_descrip').val();
        alert(vop_title);
    });
});

テーブルが読み込まれる html 部分:

 <form  method='post' class="form-inline">
       <div class="form-group">
         <div id="result_table">
          <!--  dynamic op load -->
         </div>
       </div>
 </form>
<button type='button' id="enable_edit" class='btn btn-default'>edit</button>
<button type='button' id="save_edit" class='btn btn-default'>save</button>

そして、これはテーブルを生成するphpコードです:

if($row=mysqli_fetch_assoc($read_op)) {
    echo "
    <table class='styled-table' cellspacing='0' width='360' border='1' >
        <tr>
            <td>
                <label for='mail_num' style='margin-right:10px;color:#595959;float: right;'>شماره فرآیند : </label>
            </td>
            <td>
                <input name='op_id'  style='width:240px;height: 25px;margin:0 3px 0 3px;'
                value='".$row['id']."'/>
            </td>
        </tr>
        <tr>
            <td>
                <label for='op_title' style='margin-right:10px;color:#595959;float: right;'>عنوان فرآیند  : </label>
            </td>
            <td>
                <input name='op_title'  style='width:240px;height: 25px;margin:0 3px 0 3px;'
                value='".$row['op_title']."'/>
            </td>
        </tr>
        <tr>
            <td>
                <label for='op_descrip' style='margin-right:10px;color:#595959;float: right;'>شرح فرآیند : </label>
            </td>
            <td>
                <textarea name='op_descrip' class='textarea_2' rows='0' cols='0' >".$row['op_descrip']."</textarea>
            </td>
        </tr>
    </table>
    <div class='cleaner h20'></div>";
}
4

1 に答える 1

2

ID セレクター (「#id」)を使用していますが、HTMl で ID が定義されていないため、要素を見つけることができません。

ID を次のように定義します。

<input id='op_id' value='".$row['id']."'/>

または、Attribute Equals セレクターを使用 [name="value"]

特定の値と正確に等しい値を持つ指定された属性を持つ要素を選択します。

var vop_title = $('#result_table').find('[name=op_title]').val();
var vop_descrip = $('#result_table').find('[name=op_descrip]').val();
于 2016-01-20T10:41:59.190 に答える