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

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

例如，使用下面的代码，如果我选择Toy story和Forest gump，那么selectedOpts将是=Toy story Forest gump，而我需要在单独的行中使用Toy story和Forest 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("");
    });

这就是我如何看待篮子中选定的电影：

---

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

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

---

再看看这个

也许我能理解..：你的selectmovieName已经有多个属性了

有关详细信息，请参阅

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

---

这就是你要找的吗？

谢谢，但我想这不是我的情况。。我没有要求在多行中显示一个选项。。我只想在单独的一行中获得每个选项…@mOna，所以也许您需要将属性multiple设置为下拉列表，您可以同时选择多个项目。但这样你就不必往下掉了。这个选择标记将只是一个列表，发布您的HTML see:，使用堆栈片段单击链接，然后在文本区域上用铅笔在图像图标旁边单击按钮，这样做或类似操作将有助于获得答案。