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