javascript - 单击时选择要输入的框值复制

Question

求救，请帮忙! 我有这个选择框和输入:

水果:

<select size="10" name="category" id="category">
  <option value="f:apple">Apple</option>
  <option value="f:banana">Banana</option>
  <option value="f:mango">Mango</option>
  <option value="f:pear">Pear</option>
  <option value="f:orange">Orange</option>
</select>
<input id="whatilove" type="text">

我单击更多元素/Apple、Mango/将值复制到文本输入。 因此，我单击 Apple 和 Mango，并将值复制到输入:“f:apple f:mango”

请救救我的生命，谢谢! 干杯!

Answer 1

我相信这就是你想要的:

您希望将选定的选项文本放在文本框中。

$('#category').on('change', function() {
    $('#whatilove').val($('#category option:selected').text());
});