如何将动态ID文本框值传递给另一个页面而不用jquery和php刷新

Question

$('.btncomment').click(function () {
    var id = $(this).attr('id');
    $.post('SaveTopicInformation.php', {
        tid: commentform.(topic_ + id).value,
        topicdetail: commentform.(topicdetail_ + id).value,
        userid: commentform.(user_ + id).value
    });
});

---

I have to pass the 3 text box value to another page. First of all, I display the all the record from database. then, I have comment link for each row. I like to give comment and save the comment for eache record. I use by jquery and php. please help me out. I can't finger out how to pass dynamic text box's value by bynamic name.

Answer 1

You cannot access object fields like that. You need to use the array subscript syntax:

$.post('SaveTopicInformation.php', {
    tid: commentform['topic_' + id].value,
    topicdetail: commentform['topicdetail_' + id].value,
    userid: commentform['user_' + id].value
});

Actually, since you are using jQuery, using .val() on a jQuery object wrapping the form element would be much nicer.

Answer 2

Try this code sample. What it does is listen for your submit button to be pressed, then it grabs all of the content from a certain form, and submits it to a server:

//Listen for the submit button to be clicked
$('.btncomment').click(function () {
  $.ajax({
    'url' : 'SaveTopicInformation.php', //Processor URL
    'type' : 'POST',                    //Send as POST-data
    'data' : $('.myForm').serialize();  //Send the entire form
    'success' : function(data) {        //What to do when the form is submitted
      if (data == 'success') {
        alert('Form submitted!');
      }
    }
  });
});

Hope that helps,
spryno724