Javascript 无法自动填充复选框并选择字段

Javascript 无法自动填充复选框并选择字段,javascript,jquery,html,Javascript,Jquery,Html,我的表单中有一个HTML表和一些输入字段 我正在做的是 当我单击HTML表的任何一行时,我正在将它们的值检索回输入字段 输入字段值很容易重新填充,但选择下拉列表和复选框不会重新填充 单击表行时,我希望选中复选框(如果它是y 与select相同,要检索指定给它的行的文本 片段 var数据=[{ “经销商名称”:“MAIYAS餐饮私人有限公司”, “用户名”:“管理员”, “用户登录”:“管理员”, “用户密码”:“管理员”, “用户角色”:“分发者”, “活动”:“Y” }, { “经销商名

我的表单中有一个HTML表和一些输入字段 我正在做的是

  • 当我单击HTML表的任何一行时,我正在将它们的值检索回输入字段
  • 输入字段值很容易重新填充,但选择下拉列表和复选框不会重新填充
  • 单击表行时,我希望选中复选框(如果它是
    y
  • 与select相同,要检索指定给它的行的文本
片段

var数据=[{
“经销商名称”:“MAIYAS餐饮私人有限公司”,
“用户名”:“管理员”,
“用户登录”:“管理员”,
“用户密码”:“管理员”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“MAIYAS餐饮私人有限公司”,
“用户名”:“maiyas”,
“用户登录”:“maiyas”,
“用户密码”:“maiyas”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“厨师面包师”,
“用户名”:“cbadmin”,
“用户登录ID”:“cbadmin”,
“用户密码”:“cbadmin”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“厨师面包师”,
“用户名”:“cbaker”,
“用户登录”:“cbaker”,
“用户密码”:“cbaker”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“JAYANAGAR MAIYAS餐饮私人有限公司”,
“用户名”:“jayanagar”,
“用户登录”:“jayanagar”,
“用户密码”:“jayanagar”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“MALLESHWARAM MAIYAS餐饮私人有限公司”,
“用户名”:“malleswaram”,
“用户登录”:“malleswaram”,
“用户密码”:“malleswaram”,
“用户角色”:“分发者”,
“活动”:“Y”
},
{
“经销商名称”:“KOLAR MAIYAS餐饮私人有限公司”,
“用户名”:“kolar”,
“用户登录”:“kolar”,
“用户密码”:“kolar”,
“用户角色”:“分发者”,
“活动”:“Y”
}
]
var columndef=[{
标题:“分销商名称”,
数据:“分销商名称”
}, {
标题:“用户名”,
数据:“用户名”
}, {
标题:“用户登录”,
数据:“用户登录”
},
{
标题:“用户密码”,
数据:“用户密码”
},
{
标题:“用户角色”,
数据:“用户角色”
},
{
标题:“活动”,
数据:“活动”
}
]
$('#tble')。数据表({
columns:columndef,
“columnDefs”:[{
“className”:“dt left”,
“目标”:“所有人”
}],
数据:数据,
滚动:“30vh”,
回答:是的,
“bInfo”:假,
分页:false,
scrollX:“100%”,
滚动折叠:对
});
(功能(){
if(window.addEventListener){
addEventListener('load',run,false);
}else if(窗口附件){
window.attachEvent('onload',run);
}
函数运行(){
var t=document.getElementById('tble');
t、 onclick=函数(事件){
event=event | | window.event;//IE8
var target=event.target | | event.src元素;
while(target&&target.nodeName!='TR'){//find TR
target=target.parentElement;
}
//如果(!target){return;}//tr应该始终找到
var cells=target.cells;//单元格集合-https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement
//var cells=target.getElementsByTagName('td');//可选
如果(!cells.length | | target.parentNode.nodeName=='THEAD'){
返回;
}
var f1=document.getElementById('distributorName');
var f2=document.getElementById('userCode');
var f3=document.getElementById('userName');
var f4=document.getElementById('loginId');
var f5=document.getElementById('password');

var f6=document.getElementById('active'); f1.value=单元格[0]。innerHTML; f2.value=单元格[1]。innerHTML; f3.value=单元格[2].innerHTML; f4.value=单元格[3]。innerHTML; f5.value=单元格[4].innerHTML; f6.value=单元格[5]。innerHTML; //日志(target.nodeName,事件); }; } })();

经销商
姓名:
用户代码:
用户名称:
登录Id:
密码:
活跃的


拯救
复选框不包含属性值。您可以使用以下代码:

var f6 = document.getElementById('active');
if(cells[5].innerHTML=='Y')
{
    f6.checked=true;
}
else
{
    f6.checked=false;
}

我假设您正在数据表中存储“Y”表示选中,而“N”表示取消选中复选框值。

复选框不包含属性值,您可以使用以下代码:

var f6 = document.getElementById('active');
if(cells[5].innerHTML=='Y')
{
    f6.checked=true;
}
else
{
    f6.checked=false;
}

我假设您正在数据表中存储“Y”用于检查,而“N”用于取消检查复选框值。

您可以编写
if(cells[5]。innerHTML='Y'){f6.checked=true;}
for checkbox.@SudhirOjha和select
下拉列表
您能帮我运行一些代码吗?请在复选框中写入
if(单元格[5]。innerHTML='Y'){f6.checked=true;}
。@Sudhiroja和选择
下拉列表中的什么内容
您能帮我运行一些代码吗?请注意,这将不起作用,因为单元格[5]。innerHTML将为您提供
Y
,我应该为选择标记做些什么是的,它可以是任何内容,可以用工作正常的“Y”替换“checked”。正如我所写的,这是我的假设var f6=document.getElementById('dropdown');f6.value=“yourvalue”;这对drop有效down@ShahMuhammadTalha选中的有效,但不是下拉列表这将不起作用,因为
单元格[5]。innerHTML
将为您提供
Y
,我应该为选择标记做些什么是的,它可以是任何内容,可以用“Y”替换“checked”,这将很好地工作。正如我所写的,这是我的假设var f6=document.getElementById('dropdown');f6.value=“yourvalue”;这对drop有效down@ShahMuhammadTalha检查有效,但不是下拉