javascript - 发布数据后jQuery添加选择到选项
问题描述
当我单击 时,我将json
数据添加到In action 中,我的 jQuery 代码在using 、和方法中将数据添加到选项列表中。option
data-values
option
data-values
#target
JSON.parse
each
append
$('#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
不起作用演示(将选择添加到选项)
解决方案
尝试这个:$('#list').trigger('change');
推荐阅读
- powershell - PowerShell 可以与 RDP 提示交互吗?
- ruby-on-rails - DiscussionsController#show 中的 ActionView::SyntaxErrorInTemplate
- xml - 如何从 ejabberd 数据包对象中获取数据?
- r - 如何使用具有NA值的顶点属性对igraph对象(图)进行子图化-R
- android - 有没有办法在我的 MainActivity 到达后完成所有其他活动?
- python - Python Graphframes:安装依赖项时遇到问题
- python - Google Oauth 身份验证问题
- java - 为什么 Java 编译器不能推断 Iterable
从约束 Iterable和 () -> (Iterator ) - sql-server - SELECT 何时不将表格作为输出
- c++ - 比较两个 std::vectors/arrays 或一般来说两个 stl contianers