jQuery实现下拉框默认选中

最新推荐文章于 2023-10-11 15:59:45 发布

转载最新推荐文章于 2023-10-11 15:59:45 发布 · 736 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xshan/p/11348870.html

文章标签：

#javascript #ViewUI

本文介绍了一个用于服装评分的在线表单设计，包括选择不同的选款批次和类目，如小脚裤、阔腿裤等，以及提交查询结果的功能。表单使用HTML和JavaScript实现，展示了基本的前端开发技能。

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

<form class="form-inline" method="post" action="/score_result/">
        <input type="hidden" name="csrfmiddlewaretoken" value="UIbksfQRejaZFuAByesMRE9rtyGZgfJmUWRyONLqF121IqjkunGxnihnMAbvrOE3">
        <div class="form-group">
            <label for="exampleInputEmail2">选款批次：</label>
            
            <select name="selection_batch" id="selection_batch" class="form-control">
                
                    <option value="0814">0814</option>
                
                    <option value="0808">0808</option>
                
                    <option value="0810">0810</option>
                
                    <option value="0811">0811</option>
                
                    <option value="0807">0807</option>
                
            </select>
        </div>
        <div class="form-group">
            <label for="exampleInputName2">类目：</label>
            <select name="category" id="category" class="form-control">
                
                    <option value="小脚裤">小脚裤</option>
                
                    <option value="阔腿裤">阔腿裤</option>
                
                    <option value="半身裙">半身裙</option>
                
                    <option value="运动裤">运动裤</option>
                
                    <option value="哈伦裤">哈伦裤</option>
                
                    <option value="牛仔外套">牛仔外套</option>
                
                    <option value="工装裤">工装裤</option>
                
            </select>
        </div>
        <button type="submit" class="btn btn-default">查询结果</button>
    </form>

    <script>
        // 批次号默认选中
        $('select#selection_batch').find('option').each(
            function () {
                if ($(this).val() == '{{ selection_batch_post }}') {
                    $(this).attr("selected", "selected");
                }
            }
        )
    </script>

转载于:https://www.cnblogs.com/xshan/p/11348870.html