0

基本的に、モーダル確認を開いてアイテムを削除し、テキストエリア要素でその理由を尋ねたいと思います。次に、テキストエリアの値をajax経由で外部ファイルに送りたいのですが、その値が通りません。

スクリプト (edit_inventory.php)。#retire ボタンのクリックに対するモーダル確認、送信されたものを確認して印刷するモーダル メッセージ。

<script>
  $(function() {
$("#retire").click(function() {
    var ret_data = $("#new_equipment").serialize();
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height: 500,
      modal: true,
      buttons: {
        "Remove Item": function() {
    $.ajax({
      type: "POST",
      url: "retire.php",
      data: ret_data,
    }).done(function( msg ) {
            $("#ooi").text(''+msg);
            $( "#dialog-message" ).dialog({
                  modal: true,
                  buttons: {
                    Ok: function() {
                      $( this ).dialog( "close" );
                    }
                  }
                });
    });
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
});
  });
  </script>

HTML/PHP (edit_inventory.php)

if (!empty($eq_id) && $action == "") {
echo '<form name="new_equipment" id="new_equipment" action="edit_inventory.php" method="post">';
echo '<table>';

$status = show ($eq_id);

echo '<input type="hidden" name="action" value="edit">';
echo '<tr><td colspan="4"><input type="submit" value="Save" class="button">
<a href="eq_print_label.php?id='.$eq_id.'" class="button">Print Label</a>';

if($status['eq_status']!=3) { //it is !=3
echo ' <div class="button" id="retire">RetireAAA</div>';

echo'
<div id="dialog-confirm" title="Delete this piece of equipment?" style="display: none; ">
  <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
  This item will be removed from the inventory. Are you sure?</p>
  <p>Reason:</p><textarea name="retire_reason" rows="10" cols="30" maxlength="150"></textarea>
</div>';

echo '<div id="dialog-message" title="Out of Inventory" style="display: none; ">
  <p>
    <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
    <div id="ooi"></div>
  </p>
</div>';
}
echo'</td></tr>';
echo '</table></form>';
}

関数 show() は、データベースから取得したすべてのフィールド値でフォームをエコーし​​ます。そして、ステータスを返します (これもデータベースから) !=3 (そのため、「RetireeAAA」が表示されます)

私たちの退職者.php

<?php
print_r ($_POST);
//just to test
?>

最後に、retiree.php は以下を出力します。

Array ( [eq_id] => 423A3606 ... [id] => 1111111174 [action] => edit [retire_reason] => )

Google 開発者ツール:

eq_id:423A3606
...
id:1111111174
action:edit
retire_reason:

retire_reason textarea に何を書いても何も渡されません。何かを渡す唯一の方法は、editinventory_edit.php のデフォルト値であり、テキストエリアに何を書いても、デフォルトでプリセット値を渡します。

textarea retire_reason 値がシリアル化または渡されないのはなぜですか?

詳細情報: serialize() 行を ajax 呼び出しの直前に移動しました。この場合、<div id="dialog-confirm">通過する要素はありません。さらに、retiree.php からは何も出力されません。

4

2 に答える 2

0

アプローチを変更し、関数内に新しいフォームを追加する必要がありました。また、フォームが印刷された後にシリアル化を移動する必要がありました。

$("#retire").click(function() {

var idNumber = $("#form_fields").find('.id').val();

$('#form_fields').append('<form name="retire_form" id="retire_form"><input type="hidden" name="id" value="'+idNumber+'"><input type="hidden" name="retire" value="retire"><textarea name="retire_reason" id="retire_reason" rows="10" cols="30" maxlength="150"></textarea></form>');
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height: 500,
      modal: true,
      buttons: {
        "Remove Item": function() {
    var ret_data = $("#retire_form").serialize();
    $.ajax({
      type: "POST",
      url: "retire.php",
      data: ret_data,
    }).done(function( msg ) {
            $("#ooi").text(''+msg);
            $( "#dialog-message" ).dialog({
                  modal: true,
                  buttons: {
                    Ok: function() {
                      $( this ).dialog( "close" );
                    }
                  }
                });
    });
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
});
  });

HTML:

if($status['eq_status']!=3) {
echo ' <div class="button" id="retire">RetireAAA</div>';

echo'
<div id="dialog-confirm" title="Delete this piece of equipment?" style="display: none; ">
  <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
  This item will be removed from the inventory. Are you sure?</p>
  <p>Reason:</p><div id="form_fields"><input type="hidden" name="id" class="id" value="'.$eq_id.'"></div>
</div>';

echo '<div id="dialog-message" title="Out of Inventory" style="display: none; ">
  <p>
    <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
    <div id="ooi"></div>
  </p>
</div>';
}
于 2013-05-30T17:37:46.557 に答える