如何顯示選擇框 <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>