jQuery change input text to selectmenu when click and post update new data

# edit -> click
-- input[type=text][ord_name] => hide()
-- select[new_stock] => show()
# choose new stock[name] -> save -> click
-- select[sk_id] => update() => $.post(new_stock_id,ord_id) => test.php
-- select[new_stock] => hide()
-- input[type=text][ord_name] => show() => value(new_stock_name)
-- table>row #ord_{ord_id} => change -> text()

onclick="$('#sk_id').hide();$('#sk_new').show();"

 แก้ไข



  ....
  ....
 
 บันทึก

$("#sendUpdate").click(function() {
 var sk_id_new = $('#sk_id_new').val(),
  sk_id_name = $('#sk_id_new option:selected').text(),
  ord_id = $('#ord_id').val();
 $.post(
  "test.php",
  {ord: ord_id, sk: sk_id_new},
  function(data) {
   $('#sk_new').hide();
   $('#sk_id').show();
   $('#ord_name').val(sk_id_name);
   $('#ord_' + ord_id).text(sk_id_name);
//   alert(data);
  });
});

$('#sk_new').hide(); //ซ่อน select menu
$('#sk_id').show(); // แสดง input อันเดิม
$('#ord_name').val(sk_id_name); // เปลี่ยนค่าให้ input อันเดิม
$('#ord_' + ord_id).text(sk_id_name); // เปลี่ยนค่าใน table row อื่นๆ
//alert(data); //ทดสอบว่าข้อมูลส่งได้มั้ย มีอะไร return กลับมา

ป้ายกำกับ: input, javascript, jquery, post, selectmenu