从span字段提交值

时间:2012-05-20 14:30:57

标签: php jquery html submit form-submit

我有一个提交按钮

使用jquery后,页面将包含:

for(var i=0 ; i <10 ; i++){
    '<span class="ioAddConcept">'+ currentConcept[i] +'</span>\n\
                  with\n\
                  <span class="ioAddRelation">'+ currentRelation[i] +'</span>\n\'
}

(那段代码只是一个例子)

变量currentConcept []和currentRelation []我使用Ajax从数据库中获取了它的值

**i am using PHP**

我的问题是如何提交包含这两个变量的页面?

我的意思是在服务器中我希望有类似的东西

 $concepts = $_POST['currentConcept[]']

3 个答案:

答案 0 :(得分:2)

为span元素添加ID

<span id="ElementID"> your variable text here</span>

然后使用jquery获取文本

var spanText = $('#ElementID').html();

答案 1 :(得分:2)

像这样的东西

var currentConcept = $('currentConcept').html();

然后您可以将此var作为参数发送给您对服务器的请求

<强>更新

$("form").submit(function() {
     var currentConcept = $('.currentConcept').html();   // it's an Array
     var currentRelation = $('.currentRelation').html(); // it's an Array

   $.ajax({
     url     : // your URL,
     data    : 'currentConcept=' + currentConcept '&currentRelation=' + currentRelation,
     success : function( html ) {
             // write your code here
              }
});

}

// server side (php)
$currentConcept  = $_GET('currentConcept');
$currentRelation = $_GET('currentRelation');

答案 2 :(得分:2)

在jQuery中获取这些值,如下所示:

var ioAddConcept = $(".ioAddConcept").html();
var ioAddRelation = $(".ioAddRelation").html();

现在您可以将这些值设置为表单文本框:

$('input.ioAddConcept').text( ioAddConcept );
$('input.ioAddRelation').text( ioAddRelation );

如果您通过AJAX请求提交表单:

    $.ajax({
        url     : '/path/to/action.php',
        type    : 'POST',
        data    : 'value1=' + ioAddConcept '&value2=' + ioAddRelation,
        success : function( data ) {
                    alert(data);
                  }
    });

在服务器端获取这些值:

print_r( $_POST );