Javascript 在ajax中选择多个var

Javascript 在ajax中选择多个var,javascript,php,jquery,ajax,loops,Javascript,Php,Jquery,Ajax,Loops,我想发送php生成的HTML元素的多个属性,同时通过Ajax调用进行循环 例如: <div id="chart" > $i=1; while($i<10){ <input type="text" calss="item" id="$i" > $i++; } </div> 我不确定我是否正确地回答了你的问题,但是下面的问题不应该解决吗 使用jquery按ID进行选择 var myInputObj

我想发送php生成的HTML元素的多个属性,同时通过Ajax调用进行循环

例如:

<div id="chart" >
    $i=1;
    while($i<10){
       <input type="text" calss="item" id="$i" >   
       $i++;
    }
 </div>

我不确定我是否正确地回答了你的问题,但是下面的问题不应该解决吗

使用jquery按ID进行选择

var myInputObject = $("#1");
alert(myInputObject.val());
$(“#1”)
返回id为
1

或按类别选择

var myInputObjects = $(".item");
$(“.item”)
返回属性为
class=item的所有字段

创建:

<div id="chart" />

<script type="text/javascript">
    for(var i = 1;i<10;i++){
        $('<input/>', {
           id: i,
           class: "item",
           type: "text"
        }).appendTo('#myFields');
    {
</script>
->将表单作为
POST
请求发送到
something.php
。。。在那里,您可以通过
$\u POST[“1”]

获取您的值。我在这里使用了一种方法,最终解决了我的问题

       var main=function(){
      $('.btn').click(function(){
       var items-name = $('input[class="item"]').map(function(){
            return $(this).val();
            }).get();
       var items-id=$('input[class="item"]').map(function(){
            return $(this).attr('id');
        }).get();

        $.ajax({
        type:"POST",
        url: "something.php",
        cache:0,
        data:({
         "name":items-name,
         "id":items-id                  
        }),
         success:function(){
        alert('done');
        }
       });
        });
         }
        $(document).ready(main);

首先,你需要将你的
cals
设置为
class
,因为你的问题有点让人困惑,但你想要的是文本框的值,如果我错了,请纠正我,因为我缺少信息,需要更清楚的描述..我修改了我的问题,很抱歉信息不明确您的输入中似乎没有值,那么如何通过
$('#1').val()获取值update所以$\u POST中的内容将是一个序列化数组,那么我如何在ajax之后对它们进行分类。我可以通过$_POST['1']获取输入的id=1文本吗??
var postData = $(this).serializeArray();
$.ajax({
    type:"POST",
    url: "something.php",
    cache:0,
    data : postData,
    success:function(data, textStatus, jqXHR)
    {
        //data: return data from server
    },
    error: function(jqXHR, textStatus, errorThrown)
    {
        //if fails     
    }
});
       var main=function(){
      $('.btn').click(function(){
       var items-name = $('input[class="item"]').map(function(){
            return $(this).val();
            }).get();
       var items-id=$('input[class="item"]').map(function(){
            return $(this).attr('id');
        }).get();

        $.ajax({
        type:"POST",
        url: "something.php",
        cache:0,
        data:({
         "name":items-name,
         "id":items-id                  
        }),
         success:function(){
        alert('done');
        }
       });
        });
         }
        $(document).ready(main);