多个下拉问题

Question

我有一个下拉菜单，其中包含某些项目（键），并且对应于有一个txt框（对于值），用户可以通过单击按钮在UI上添加多个这样的下拉菜单。因此，在下拉列表中选择一个键后，相应的键应隐藏在随后的下拉列表中。我有点坚持下去。

这是代码：

   <fieldset id="filter_parts">
   <div class="filter_chunk filter_piece" id="filter_chunk_1">
      <select class="span-4 ui-input parameter" name="filterProperty" id="filterProperty">
         <c:forEach var="message" items="${multiValueSearch}">
            <option value='<c:out value="${message.name}"/>' label='<c:out value="${message.name}"/>'>
               <c:out value="${message.name}"/>
            </option>
         </c:forEach>
      </select>
      <input class="span-4 text" id="filterBy" name="filterBy" type="text"/>
      <span class="button remove_btn" id="remove_1" onclick="remove_filter(this)" class="removable" >
         <img alt="Remove" src="
         <c:url value="/static/images/icon_remove.png"/>
         " title="Remove" />
      </span>
      <span class="button addParamBtn" id="add_filter_part" onclick="add_filter()"  >
         <img alt="Add" src="
         <c:url value="/static/images/icon_add.png" />
         " title="Add More" />
      </span>
   </div>
</fieldset>

Image