首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery将选定内容添加到post数据后的选项

jQuery将选定内容添加到post数据后的选项
EN

Stack Overflow用户
提问于 2021-01-05 17:07:21
回答 1查看 53关注 0票数 3

当我单击json,我的jQuery代码使用JSON.parseeachappend方法将data-values数据添加到#target中的选项列表时,我将json数据添加到option data-values中。

代码语言:javascript
运行
复制
$('#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>");
    });
  });
});
代码语言:javascript
运行
复制
<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选项列表。

Worked demo

Doesn't work demo (将选定内容添加到选项)

EN

回答 1

Stack Overflow用户

发布于 2021-01-05 17:14:59

试试这个:$('#list').trigger('change');

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65575910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档