Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery更改元素的选定值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jquery更改元素的选定值

Javascript 使用jquery更改元素的选定值,javascript,jquery,html,Javascript,Jquery,Html,我有以下html和jquery: var结果={ “桌面TPS”:“绿色”, “手机上的TPS”:“琥珀色” }; for(var输入结果){ $('td[id=“checklist”]”)。每个(函数(){ if(JSON.stringify($(this.text().trim()==key)){ $(this).closest('tr').find('td[class=“tdcolor”]select option:selected').val(result[key]); console

我有以下html和jquery:

var结果={
“桌面TPS”:“绿色”,
“手机上的TPS”:“琥珀色”
};
for(var输入结果){
$('td[id=“checklist”]”)。每个(函数(){
if(JSON.stringify($(this.text().trim()==key)){
$(this).closest('tr').find('td[class=“tdcolor”]select option:selected').val(result[key]);
console.log(key+':'+$(this).closest('tr').find('td[class=“tdcolor”]select option:selected').val());
}
});
}

清单
健康
桌面上的TPS
挑选
绿色
琥珀色
红色
移动电话上的测试程序集
挑选
绿色
琥珀色
红色

不要使用重复的id,id值应该是唯一的。改用另一个属性,如数据id

而且,不需要使用嵌套迭代

var结果={
“桌面TPS”:“绿色”,
“手机上的TPS”:“琥珀色”
};
$('td[data id=“checklist”]”)。每个(函数()
{
var value=result[$(this.html().trim()];
$(this).closest('tr').find('td[class=“tdcolor”]选择选项:包含('+value+')).prop('selected',true);
});

清单
健康
桌面上的TPS
挑选
绿色
琥珀色
红色
移动电话上的测试程序集
挑选
绿色
琥珀色
红色
$('select').change(function(){
var值=$(this).find(“选项:已选”).text();
var txtVal=$(this.parent().parent().find('#checklist').text();
log(txtVal.trim()+':'+value.trim());
});

清单
健康
桌面上的TPS
挑选
绿色
琥珀色
红色
移动电话上的测试程序集
挑选
绿色
琥珀色
红色

不要使用重复的id
检查表
,而是使用数据id,@gurvinder372,谢谢。。实际上,我在其他js函数中使用了
检查表。所以,我们不能改变它。将检查
数据id
。谢谢您不能在一个页面中使用两个相同的
ID
。我将您的代码转换为一个片段,但它不起作用,因此我添加了
.trim()
,认为这是因为我更改了格式。快速查看编辑之前的情况表明,该零件的格式没有更改
$(this).text()==key
.text()
将包含空格,因此请确保它是
.trim()
'd。但是Rest仍然不能与此更改一起工作。您能解释一下为什么要将true/false字符串化以获得true/Falsy值吗
if(JSON.stringify($(this.text().trim()==key))
而不仅仅是
if($(this.text().trim()==key)
非常感谢,我将尝试将其添加到我的应用程序中。这是用小提琴演奏的。我会让你知道的。