javascript - 当它在时我如何显示一个选择框
我在 javascript 中做 p.text("test") 吗？

Question

在使用 MVC 时，我想显示一个选择框

   <p id="selectedTrigger">
       <select name="devices" id="devices"><!-- Here i get the options with javascript --></select>
   </p>

如果我这样做它可以工作，但是当我在 javascript 中执行下一行代码时：

    $('#selectedTrigger').text("TEST");

它不再显示选择框，只有文本 TEST

我怎么解决这个问题？

score 1 · Accepted Answer

发生的事情是您替换和之间的所有<p id="selectedTrigger">内容</p>。如果您使用的是 jQuery，则使用.html()方法替换其中的内容或使用.append()添加内容到您的<p>.

所以在你的例子中，你不得不说：

$('#selectedTrigger').append("TEST");

请注意，这将导致以下代码：

<p ...>
  <select ..></select>
  TEST
</p>

还有 .prepend() 方法允许您在已有的任何内容之前附加内容。

$('#selectedTrigger').prepend("TEST");

这会给你：

<p ...>
  TEXT
  <select ..></select>
</p>

解决方案： 但是由于您正在尝试向您的<select>内部添加选项，<p>因此您应该真正使用它：

$('#devices').append("TEST");

这会给你：

<p ...>
  <select ..>
    TEST
  </select>
</p>

javascript - 当它在时我如何显示一个选择框我在 javascript 中做 p.text("test") 吗？