jquery处理编辑时的下拉框

caoning315629

于 2018-08-20 08:16:06 发布

阅读量321

点赞数

本文链接：https://blog.youkuaiyun.com/caoning315629/article/details/81865152

版权

本文介绍了一个用于网页表单中的房屋类型选择器实现方法，通过JavaScript设置了不同房屋类型的预选状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div style="float:left" class="layui-col-xs6">
    <label class="layui-form-label">户型</label>
    <div class="layui-input-block">
        <select name="house_type" id="house_type" lay-verify="required">
            <option value=""></option>
            <option value="一居室">一居室</option>
            <option value="二居室">二居室</option>
            <option value="三居室">三居室</option>
            <option value="四居室">四居室</option>
            <option value="其它">其它</option>

        </select>
    </div>
</div>

<script>
    //设置选择状态
    function setSelect(ele, val) {

        $('#' + ele + ' option').each(function (index, ele) {
            var el = $(ele);
            if (el.attr('value') == val) {
                el.attr('selected', 'selected')
            } else {
                el.removeAttr('selected');
            }
        })

    }

    $(function () {
        setSelect('house_type', "{$item.house_type}")
    });


</script>