將文本框中的選定值移動到dropdpwn

Question

我需要的內容：用戶在文本框中插入電影標題，只要他/她點擊按鈕「移動到選定列表」，電影標題應移動到下拉列表中其中顯示用戶選擇的電影標題），並且文本框應該被清除。

我搜索了很多，但無論我發現什麼是相反的（在文本框中插入選定的下拉菜單！這與我需要的相反）。

這是我試過，但沒有工作（它適用於移動下拉列表中選擇選項進入另一個下拉列表中，但它並不適用於文本框的工作：

<input class="autofill4" type="textbox" name= "q27[]" id="q" placeholder="Enter movie titles here" /> 
<input type="button" value="Add to selected list" id="btnMove"/> 
<select id="selectedItems" name="selectedItems[]" multiple="multiple" width="200px" size="10px"> 
</select> 



$('#btnMove').on('click', function (d) { 
     var selected = $("#q").val(); 
     if (selected.length == 0) { 
      alert("Nothing to move."); 
      e.preventDefault(); 
     } 
     $('#selectedItems').append($(selected)); 
     $(selected).remove(); 
     d.preventDefault(); 
    }); 

任何幫助，將不勝感激:)

Answer 1

用jQuery來試試這個。

$('#btnMove').click(function (e) { 
     var selected = $("#q").val(); 
     if (selected.length == 0) { 
      alert("Nothing to move."); 
      e.preventDefault(); 
     } 
     else 
      $("#selectedItems").append(new Option(selected)); 
}); 

希望這項工作。