如何在单独的行中显示下拉选定的选项

Question

有没有办法在单独的行中显示下拉选择的选项？ （我的表格中有一个篮子，用户可以看到选定的电影..但问题是，如果用户选择多个选项，它们不会在单独的行中显示）

例如，使用下面的代码，如果我选择"Toy story"和"Forest gump"，那么selectedOpts将= "Toy storyForest gump"，而我需要“玩具故事”，“森林gump”分开线。

$('#btnRight').on('click', function (e) {
         var selectedOpts = $("#movieName option:selected").text();
         if (selectedOpts.length == 0) {
               alert("NOTHING TO MOVE");
               e.preventDefault();
         }else {
               var obj = {
                     "movie_name":selectedOpts,
                     "movie_info": ""
                };
               alert(selectedOpts);
               parent.window.opener.addToBasket(obj);
          }
      $("#tags").val("");
    });

这就是我在篮子里看到所选电影的方式：

Answer 1

简单回答：你不能使用标准的html选择标记。

但您可以从div或span元素创建自定义下拉元素，甚至可以使用现成的解决方案

另请查看此Can you have multiple lines in an <option> element?

Answer 2

我可能理解..：你的select＃movieName已经有多个属性。

请参阅http://jsfiddle.net/243p5fzd/了解详情

var lines = [];
$("#movieName option:selected").each(function(){
    lines.push($(this).text())
});
alert(lines)

这是你搜索的内容吗？