当我单击json
,我的jQuery代码使用JSON.parse
、each
和append
方法将data-values
数据添加到#target
中的选项列表时,我将json
数据添加到option
data-values
中。
$('#list').change(function() {
var response = JSON.parse($(this).find(':selected').attr('data-values'));
var len = response.length;
$("#target").empty();
$.each(response, function() {
$.each(this, function(name, value) {
$("#target").append("<option value='" + name + "'>" + value + "</option>");
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="list">
<optgroup label="Hardware">
<option value="5" data-values='[{"34":"500GB","35":"1TB","36":"2TB","37":"4TB"}]'>
HDD
</option>
<option value="11" data-values='[{"63":"Ardreno 650","64":"Adreno 640","65":"NVIDIA GeForce GTX 1650","66":"NVIDIA GeForce GTX 1080","67":"NVIDIA GeForce GTX 2070","68":"NVIDIA GeForce GTX 2080"}]' selected="selected">
Graphics
</option>
</optgroup>
</select>
<select id="target"></select>
现在,在create page
中,我的代码可以正常工作,但是在回发时有一个很大的问题。当我向php
控制器发送数据,并且控制器返回任何错误时,我需要将old
选择数据(发送数据)添加到#target
列表中。实际上,我需要在页面加载时自动加载#target
列表,如果#list
选项为selected
,并将selected
添加到#target
选项列表。
Doesn't work demo (将选定内容添加到选项)
发布于 2021-01-05 17:14:59
试试这个:$('#list').trigger('change');
https://stackoverflow.com/questions/65575910
复制相似问题