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 のみが表示されます

どうすればこの問題を解決できますか?

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>

解決策: しかし、<select>内部にオプションを追加しようとしているので、<p>実際にはこれを使用する必要があります:

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

これにより、次のことが得られます。

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