jq循环赋值input

最新推荐文章于 2021-11-07 20:30:12 发布

原创最新推荐文章于 2021-11-07 20:30:12 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #html #javascript

这段代码展示了如何通过JavaScript处理接收到的数据并将其动态赋值给HTML页面中的input元素。首先，遍历请求数据的键，然后检查每个input元素的name属性是否与键匹配，如果匹配则将对应的值赋给input。此外，还特别处理了selected选项的设置，找到匹配的option并设置其为选中状态。

前提：请求来的数据的key要和input的name或类名相等，这样就知道吧那个值赋给那个input了。
HTML部分
在这里插入图片描述

//请求来的数据
				var patientOtherData = result[0];
				//循环赋值input
				let inputList = $('#other-area').find('input');
				$.each(inputList, function (i, v) {
					Object.keys(patientOtherData).forEach((key, index) => {
						if ($(v).attr('name') == key) {
							$(this).val(patientOtherData[key])
							return true;
						}
					})
				})
//selected的一个赋值
$('#inRoomChannelCode').find('option[value=' + patientOtherData.inRoomChannelCode + ']').prop('selected', true);