如何使用jquery和php发送动态选项文本和值

如何使用jquery和php发送动态选项文本和值,php,jquery,html,Php,Jquery,Html,我设计了一个动态html表格,它包含两个表格列: 第1列:项目名称。它来自所选选项 第2栏:项目价格。它来自所选的选项值 现在我正在选择第一列中的选项,并将值传递到第二列中的输入字段中。添加所需的行数后,我希望在php中传递它们的文本和值 但是php只获得选项值,而不是同时具有文本和值 这是我的密码 $('#myTable').on('change','.mySelect',function(){ //您可以使用.closest()查找 //使用select在同一行上的特定输入 $(this

我设计了一个动态
html
表格,它包含两个表格列:

  • 第1列:项目名称。它来自所选选项
  • 第2栏:项目价格。它来自所选的选项值
  • 现在我正在选择第一列中的选项,并将值传递到第二列中的输入字段中。添加所需的行数后,我希望在php中传递它们的
    文本

    但是php只获得选项值,而不是同时具有文本和值

    这是我的密码

    $('#myTable').on('change','.mySelect',function(){
    //您可以使用.closest()查找
    //使用select在同一行上的特定输入
    $(this.closest('tr').find('.amount').val($(this.val());
    //$(this).closest('tr').find('.mySelect').val($(“.mySelect option:selected”).text();
    });
    $('#myTable')。在('click','.remScnt',函数(e){
    e、 预防默认值();
    //找到remove link的tr元素
    //哪个是父母
    $(this).closest('tr').remove()
    });
    $(“.mySelect选项”).filter(函数(){
    //可能需要在此处使用$.trim
    返回$(this.text()==$(this.val();
    }).prop('selected',true)
    
    
    表,th,td{
    边界塌陷:塌陷;
    利润率:10px自动;
    }
    函数addMore(){
    var table=document.getElementById(“myTable”);
    var行=table.insertRow(-1);
    var cell1=行插入单元格(-1);
    var cell2=行插入单元格(-1);
    var x=document.getElementById(“myTable”).rows[1]。单元格;
    cell1.innerHTML=x[0].innerHTML;
    cell2.innerHTML=x[1].innerHTML;
    }
    函数removeLast(){
    document.getElementById(“myTable”).deleteRow(-1);
    }
    函数{
    var index=document.getElementById('value').value
    document.getElementById(“myTable”).deleteRow(索引);
    }
    月份:
    月
    一月
    二月
    前进
    四月
    也许
    六月
    七月
    八月
    九月
    十月
    十一月
    十二月
    年份:
    员工ID:
    姓名:
    部门代码:
    任命:
    项目
    数量
    挑选
    项目-1
    项目-2
    项目-3
    项目-4
    项目-5
    
    添加更多 删除最后一行 按行号删除。
    对于
    DESCRP[0]=第1项,DESCRP[1]=第5项
    按如下方式修改“选择”选项:

    第1项


    对于
    DESCRP[0]=第1项,DESCRP[1]=第5项
    按如下方式修改“选择”选项:

    第1项

    你是说

    <td>
      <select class="mySelect">
        <option value="">Select</option>
        <option value="100">Item-1</option>
        <option value="200">Item-2</option>
        <option value="300">Item-3</option>
        <option value="400">Item-4</option>
        <option value="500">Item-5</option>
      </select>
      <input type="hidden" class="descr" name="DESCRP[]" />
    </td>
    <td> <input type="text" class="amount" name="ALAMT[]"></td>
    
    你是说

    <td>
      <select class="mySelect">
        <option value="">Select</option>
        <option value="100">Item-1</option>
        <option value="200">Item-2</option>
        <option value="300">Item-3</option>
        <option value="400">Item-4</option>
        <option value="500">Item-5</option>
      </select>
      <input type="hidden" class="descr" name="DESCRP[]" />
    </td>
    <td> <input type="text" class="amount" name="ALAMT[]"></td>
    

    复制工作正常-但是你有
    foreach($\u POST[“DESCRP”]
    而不是
    foreach($\u POST[“ALAMT”]
    谢谢@mplungjan。但是
    DESCRP
    数组也在复制金额值,但它想成为选项文本,例如:
    DESCRP[0]=item-1,DESCRP[1]=item-5
    等等。谢谢复制工作-但是你有
    foreach($\u POST[“DESCRP”]
    而不是
    foreach($\u POST[“ALAMT”]
    谢谢@mplungjan。但是
    DESCRP
    数组也在复制金额值,但是在wantit中是选项文本,例如:
    DESCRP[0]=item-1,DESCRP[1]=item-5
    等等。谢谢
    $('#myTable').on('change', '.mySelect', function() {
      $(this).closest('tr').find('.amount').val($(this).val());
      $(this).closest('tr').find('.descr').val($("option:selected",this).text());  
    });