jquery如何删除name属性相同的select 重复的option值 并保留选中的项

Question

第一个select选中项目：  心、食道；
 <select name="xuewei_id" class="form-control input-sm downList2" multiple>
<option value="1" selected='selected'>心</option>
<option value="1" >心</option>
<option value="2" >肺</option>
<option value="2" >肺</option>
<option value="3" >气管</option>
<option value="3" >气管</option>
<option value="4" >口</option>
<option value="4" >口</option>
<option value="5" >食道</option>
<option value="5" selected='selected'>食道</option>
<option value="6" >贲门</option>
<option value="6" >贲门</option>
<option value="7" >胃</option>
<option value="7" >胃</option>
<option value="8" >脾</option>
<option value="8" >脾</option>
<option value="9" >脑干</option>
<option value="9" >脑干</option>
<option value="10" >内分泌</option>
<option value="10" >内分泌</option>
</select>

//第二个select  选中项目： 心
<select name="xuewei_id" class="form-control input-sm downList2" multiple>
<option value="1" selected='selected'>心</option>
<option value="1" >心</option>
<option value="2" >肺</option>
<option value="2" >肺</option>
<option value="3" >气管</option>
<option value="3" >气管</option>
<option value="4" >口</option>
<option value="4" >口</option>
<option value="5" >食道</option>
<option value="5" >食道</option>
<option value="6" >贲门</option>
<option value="6" >贲门</option>
<option value="7" >胃</option>
<option value="7" >胃</option>
<option value="8" >脾</option>
<option value="8" >脾</option>
<option value="9" >脑干</option>
<option value="9" >脑干</option>
<option value="10" >内分泌</option>
<option value="10" >内分泌</option>
</select>

Answer 1

对于select下的option，最好的option数据是页面加载后获取到数据，再将数据append到select下，这是比较标准的做法，所以html中的select下是空的。你的这个代码里就是一串的option么？？两个解决办法。一，在select被触发时，对内部的option选项进行整理去重，在放到select内。二，把option数据放在后台或者数据库，请求后整理去重，在append。