如何在jsp中动态下拉中限制选定的值重复

Question

请看这张图片。

我在jsp页面中有这个动态下拉选项。当我需要更新我的表单时，我显示的是选定的值，然后显示其余的动态下拉值。

这是我写的代码

<%      
   List<CreateJobOrderBean> marketingemplist = cju.getMarkeringEmpList(emp_branch_id);
       CreateJobOrderBean marketingempbean = null;
    %>

<% 
  String marketing_fullname cju.getMarkering_Fullname(joborderdata.getAssignedmarketingemail());
%>


<select class="form-field" style="height: 24px;width:234px;" name="assignedmarketing">
             <option value="<%=(joborderdata!=null?(joborderdata.getAssignedmarketingemail() != null?joborderdata.getAssignedmarketingemail():""):"")%>" ><%=marketing_fullname%></option>
             <option value="">------Select------</option>
             <% for(int i=0; i<marketingemplist.size();i++){
                        marketingempbean= marketingemplist.get(i);
                        if(marketingempbean!=null){ %>
                        <option value="<%=marketingempbean.getAssignedmarketingemail()%>"><%=marketingempbean.getAssignedmarketingfullname()%></option>
                        <%}}%>
      </select>

我需要的是，它不应该在下拉列表中重复所选的值。它应该只在下拉列表中显示一次。

我认为你明白我的观点。 请帮帮我。

Answer 1

您可以在下面的活动中使用以下脚本

<强> HTML

<select name="assignedmarketing" onclick="return removeItem();" >

<强> Jquery的

function removeItem()
{
//alert('Hello');
 $("[name=assignedmarketing] option").each(function(i){
        $(this).show();
    });
var index = $('[name=assignedmarketing]').get(0).selectedIndex;
$('[name=assignedmarketing] option:eq(' + index + ')').hide();

}

希望这会有所帮助。

Answer 2

也许jQuery tagator会帮助你。不是在下拉列表中添加值，而是在Javascript Array中添加这些值并使用这些tagator插件。它会自动添加/删除值。请在此处查看Demo。只需简单的脚本就可以了，

$('#input_tagator1').tagator({
     autocomplete: ['first', 'second', 'third', 'fourth', 'fifth', 'sixth', 'seventh'],
     useDimmer: true
});

希望这会对你有所帮助。