select下拉框数据回显,option去重

最新推荐文章于 2024-08-16 17:52:56 发布

houjx3

最新推荐文章于 2024-08-16 17:52:56 发布

阅读量3.6k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/houjx3/article/details/83658958

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

select下拉框数据回显:

方法1

document.getElementById("province").value="${province}";  
document.getElementById("province").options[${province}].selected= true; 
document.getElementById("city").value="${city}";  
document.getElementById("city").options[${city}].selected= true;

方法2

<s:select  list="#{0:'--请选择--',1:'北京',2:'上海'}" listKey="key" listValue="value" name="province" value="%{province}"></s:select>

方法3

<select id="province" name="province" value="${province}">
    <option value="1">北京</option>
</select>

方法4

<select name="province"  value="${province}">     
  <option value="0">-请选择-</option>     
  <option value="1" <c:if test="${'1' eq province}">selected</c:if> >北京</option>     
  <option value="2" <c:if test="${'2' eq province}">selected</c:if> >上海</option>  
</select>

方法5

<select id="province" name="province"> 
    <option value="1">北京</option>
    <option value="2">上海</option>
</select>
<script>
    $("#province").val("2");
</script>

option去重:

方法1

$(function(){
    $(":button").click(function() {
        $("select option").each(function() {
            text = $(this).text();
            if($("select option:contains("+text+")").length > 1)
                $("select option:contains("+text+"):gt(0)").remove();
        });
    });
})