jQuery下拉选项：首先选择

Question

我正在使用一些jQuery来填充各种下拉列表。 我能够使jquery显示当前值作为第一个选项。

但是，我不仅需要将其显示为第一个选项，还要将其显示为当前选择的选项，以使选择项在下拉菜单中不会出现两次。

如下图所示，您会看到当前值为Target。 但是在单击下拉按钮后，Target被列出两次：

这是当前jQuery的样子：

 $(function()
 {
   $eexist = $(this).attr('data-exist');
   $('#eexist option:first').val($eexist).text($eexist);
 }

进入此模式形式下拉菜单的选择：

 <div id="editCustModal">
   <form id="editCustForm" name="editCustForm">
     <label for="eexist">Existing/Target</label>
     <select class="form-control" id="eexist" name="eexist">
       <option></option>  // keeping this or not does nothing
     </select>
   </form>
 </div>

该值和文本是“目标”和“现有”一词。

重申一下，如果当前值为“目标”，那么在单击下拉列表时，您应该仅将“目标”视为当前选定的项目，并且只能看到一次。

Answer 1

用这种方式做...

$(document).ready(function(){
    $("#myselect").change(function(){
        var toR  = $('<div>').append($('#myselect option:selected').clone()).html();
        console.log(toR);
        $("#myselect option:selected").remove();
        $("#myselect").html(toR+$("#myselect").html()); 
    });
});

工作小提琴

Answer 2

如果要选择第一个选项，则代码如下：

$('select option:first-child').attr("selected", "selected");

但是，如果要选择当前值，则下面是代码：

$('#eexist option:first').val($eexist);

仅当$ eexist作为下拉列表中的值存在时，此方法才有效

由于您提供的内容不多，所以很难说。.至少当您提出问题时提供jsfiddle链接