Javascript 使用下拉选择的值更新单元格

Javascript 使用下拉选择的值更新单元格,javascript,jquery,datatables,Javascript,Jquery,Datatables,我需要根据“下一列”下拉列表值更新列中的单元格。但我还是没能做到 有人能帮我吗。 先谢谢你 $(文档).ready(函数(){ 变量表=$('#示例')。数据表({ 数据:数组, “columnDefs”:[{ “目标”:-1, “渲染”:函数(元){ 返回“Select HeaderClient Date Period Topic Total Tax Total Comment2”; } }], }); }); var table=document.getElementById(“示例”);

我需要根据“下一列”下拉列表值更新列中的单元格。但我还是没能做到

有人能帮我吗。 先谢谢你

$(文档).ready(函数(){
变量表=$('#示例')。数据表({
数据:数组,
“columnDefs”:[{
“目标”:-1,
“渲染”:函数(元){
返回“Select HeaderClient Date Period Topic Total Tax Total Comment2”;
}
}],
});
});
var table=document.getElementById(“示例”);
//var cells=table.getElementsByTagName('th');
函数getselect(表){
var d=$(“#optsl选项:选中”).val();
表.row('selected',4).data(d).draw();
}
变量数组=[
[零,零,零,零,零],
[null,“粗略成本计算”,null,null,null],
[零,零,零,零,零],
[null,“客户”,“Ua有限公司”,null,null],
[null,“产品”,null,null,null],
[null,“Pro:Name”,“Idam”,null,null],
[null,“Est.:No”,null,null,null],
[null,“时间:期间”,“43299”,null,null],
[null,“日期”,“2018年7月15日”,null,null],
[零,零,零,零,零]
];
getselect($(“#示例”)
正文{
字体:90%/1.45em“Helvetica Neue”,HelveticaNeue,Verdana,Arial,Helvetica,无衬线;
保证金:0;
填充:0;
颜色:#333;
背景色:#fff;
}

第1列
第2列
第3列
第4列
第5列
选择

下面的内容应该会让您顺利上路

$(文档).ready(函数(){
函数getSelectOptions(值){
var select=$(“选择HeaderClient Date periodTopicFull TotalTax TotalComment2”);
如果(值){
select.val(value).find(':selected').attr('selected',true);
}
返回select.html()
}
变量表=$('#示例')。数据表({
数据:数组,
“columnDefs”:[{
“目标”:-1,
“呈现”:函数(数据、类型、行、元){
返回“”+
getSelectOptions(数据)+;
}
}],
});
$('#示例')。on('change','select.mySelect',function(){
var colIndex=+$(this).data('col')
var行=$(this).closest('tr')[0];
var data=table.row(row.data();
数据[colIndex]=此值
数据[colIndex-1]=$(this.find(“:selected”).text();
table.row(row).data(data.draw();
})
});
变量数组=[
[零,零,零,零,零],
[null,“粗略成本计算”,null,null,null],
[零,零,零,零,零],
[null,“客户”,“Ua有限公司”,null,null],
[null,“产品”,null,null,null],
[null,“Pro:Name”,“Idam”,null,null],
[null,“Est.:No”,null,null,null],
[null,“时间:期间”,“43299”,null,null],
[null,“日期”,“2018年7月15日”,null,null],
[零,零,零,零,零]
];
正文{
字体:90%/1.45em“Helvetica Neue”,HelveticaNeue,Verdana,Arial,Helvetica,无衬线;
保证金:0;
填充:0;
颜色:#333;
背景色:#fff;
}

第1列
第2列
第3列
第4列
第5列
选择
在datatable处理渲染后调用getselect()函数。