无法在选择标签中添加选项。

huangapple
go评论99阅读模式
英文:

Can't append options in select tag

问题

这是你提供的代码的翻译：

"Can someone please tell what I am doing wrong?"

  1. 能否有人告诉我我做错了什么？
  3. var $whatSummary = $("<p></p>");
  5. var remindersContent2 = {
  6.     "Variant A": {
  7.         "day": [
  8.             -1,
  9.             0
  10.         ],
  11.         "ids": [
  12.             "D-1",
  13.             "D0"
  14.         ],
  15.         "qm": {
  16.             "a": b
  17.         },
  18.         "msg": {
  19.             "a": b
  20.         }
  21.     },
  22.     "Variant B": {
  23.         "day": [
  24.             1,
  25.             2
  26.         ],
  27.         "ids": [
  28.             "D1",
  29.             "D2"
  30.         ],
  31.         "qm": {
  32.             "x": y
  33.         },
  34.         "msg": {
  35.             "x": y
  36.         }
  37.     }
  38. }
  40. $whatSummary.append("<select class='js-variantSelectContent'></select>")
  41. for (var key in remindersContent2) {
  42.     var pkName =_dashUtils.getVariantName(remindersContent2[key]['day'])
  43.     $('.js-variantSelectContent').append($("<option value ='" + key + "'>" + pkName + "</option>"))
  44. }

请注意，我已经保留了原始代码中的HTML和JavaScript部分，只对文本进行了翻译。如果您需要进一步的帮助或解释，请告诉我。

英文:

Can someone please tell what I am doing wrong ?

  1. var $whatSummary = $(&quot;&lt;p&gt;&lt;/p&gt;&quot;);
  3. var remindersContent2 = {
  4. &quot;Variant A&quot;: {
  5.     &quot;day&quot;: [
  6.         -1,
  7.         0
  8.     ],
  9.     &quot;ids&quot;: [
  10.         &quot;D-1&quot;,
  11.         &quot;D0&quot;
  12.     ],
  13.     &quot;qm&quot;: {
  14.         &quot;a&quot;: b
  15.     },
  16.     &quot;msg&quot;: {
  17.         &quot;a&quot;: b
  18.     }
  19. },
  20. &quot;Variant B&quot;: {
  21.     &quot;day&quot;: [
  22.         1,
  23.         2
  24.     ],
  25.     &quot;ids&quot;: [
  26.         &quot;D1&quot;,
  27.         &quot;D2&quot;
  28.     ],
  29.     &quot;qm&quot;: {
  30.         &quot;x&quot;: y
  31.     },
  32.     &quot;msg&quot;: {
  33.         &quot;x&quot;: y
  34.     }
  35. }

}

  1.     $whatSummary.append(&quot;&lt;select class=&#39;js-variantSelectContent&#39;&gt;&lt;/select&gt;&quot;)
  2.     for (var key in remindersContent2) {
  3.       var pkName =_dashUtils.getVariantName(remindersContent2[key][&#39;day&#39;])
  4.       $(&#39;.js-variantSelectContent&#39;).append($(&quot;&lt;option value =&#39;&quot; + key + &quot;&#39;&gt;&quot; + pkName + &quot;&lt;/option&gt;&quot;))
  5.     }`

By writing above code I want to add a variant selector which will display the data as per the variant pkName. Here $whatSummary is an empty container in which we are appending a selector as per our need.
Here pkName is getting populated properly with a string value like "-1st day to due date" for Variant A and "+1st day to +2nd day" for Variant B respectively. But the options are not getting appended with the pkNames, can someone help?

答案1

得分: 1

在将$whatSummary附加到DOM之前，选择器.js-variantSelectContent无法找到其内部的选择元素。

您可以先将选择元素存储在单独的变量中。

  1. const $select = $(&quot;&lt;select class=&#39;js-variantSelectContent&#39;/&gt;&quot;);
  2. $whatSummary.append($select);
  3. for (const key in remindersContent2) {
  4. 	// ...
  5. 	$select.append($(&quot;&lt;option value =&#39;&quot; + key + &quot;&#39;&gt;&quot; + pkName + &quot;&lt;/option&gt;&quot;))
  6. }
  7. // 在之后将$whatSummary添加到DOM中...
英文:

Before $whatSummary is appended to the DOM, the selector .js-variantSelectContent cannot find the select element inside it.

You can store the select element in a separate variable first.

  1. const $select = $(&quot;&lt;select class=&#39;js-variantSelectContent&#39;/&gt;&quot;);
  2. $whatSummary.append($select);
  3. for (const key in remindersContent2) {
  4. 	// ...
  5. 	$select.append($(&quot;&lt;option value =&#39;&quot; + key + &quot;&#39;&gt;&quot; + pkName + &quot;&lt;/option&gt;&quot;))
  6. }
  7. // add $whatSummary to the DOM after...

huangapple
  • 本文由 发表于 2023年6月5日 03:16:20
  • 转载请务必保留本文链接：https://go.coder-hub.com/76402056.html
  • html
  • javascript
  • jquery
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定