Javascript JQuery Select2子项未显示为选定项_Javascript_Jquery_Jquery Select2_Angularjs Select2

Javascript JQuery Select2子项未显示为选定项

javascript jquery

Javascript JQuery Select2子项未显示为选定项,javascript,jquery,jquery-select2,angularjs-select2,Javascript,Jquery,Jquery Select2,Angularjs Select2,我在数据中有一个带有“children”属性的select2框，它按预期呈现。但是在编辑屏幕中，当我们选择一个子元素时，它的父元素会保留在下拉列表中。例如，当我们在添加表单中选择“Live Band”，但编辑表单显示所选的“Entertainment”时。请找到我使用的数据格式和源代码。请帮我解决这个问题资料源代码： $(".search-result-box").select2({ placeholder: "eg: 1967 Stingray Mechanic", mul

我在数据中有一个带有“children”属性的select2框，它按预期呈现。但是在编辑屏幕中，当我们选择一个子元素时，它的父元素会保留在下拉列表中。例如，当我们在添加表单中选择“Live Band”，但编辑表单显示所选的“Entertainment”时。请找到我使用的数据格式和源代码。请帮我解决这个问题

资料

源代码：

$(".search-result-box").select2({
    placeholder: "eg: 1967 Stingray Mechanic",
    multiple: false,
    width: 225,
    selectOnBlur: true,
    data: data
});

$(".search-result-box").select2('val', 38); // Tried select2('val', "38") also.

我刚刚在中尝试了您的select2示例，它按照您的期望工作

请看一看，如果你还想找别的东西，请告诉我。请同时提及您的jquery，并选择2个版本

HTML:

<!DOCTYPE html>
<html>

<head>
  <script data-require="jquery@1.7.1" data-semver="1.7.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <link data-require="select2@*" data-semver="3.5.1" rel="stylesheet" href="//cdn.jsdelivr.net/select2/3.4.5/select2.css" />
  <script data-require="select2@*" data-semver="3.5.1" src="//cdn.jsdelivr.net/select2/3.5.1/select2.min.js"></script>

  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body>

  <input type="hidden" class="search-result-box" />

</body>

</html>

$(function() {

   $(".search-result-box").select2({
     placeholder: "eg: 1967 Stingray Mechanic",
     multiple: false,
     width: 225,
     selectOnBlur: true,
     data: data
   });

  $(".search-result-box").select2('val', 38); // Tried select2('val', "38") also.

});

$(function() {

   $(".search-result-box").select2({
     placeholder: "eg: 1967 Stingray Mechanic",
     multiple: false,
     width: 225,
     selectOnBlur: true,
     data: data
   });

  $(".search-result-box").select2('val', 38); // Tried select2('val', "38") also.

});