如何显示选择框 <p> 我在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

我怎么解决这个问题？

Answer 1

发生的情况是替换了<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>

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

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

这将为您提供：

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