zoukankan      html  css  js  c++  java
  • jQuery实现下拉框默认选中

    <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>
  • 相关阅读:
    Linux配置NTP服务器,时间同步
    个人博客:有态度的HBase/Spark/BigData
    solr 6.2.1环境搭建
    大牛博客!Spark / Hadoop / Kafka / HBase / Storm
    hive 数据导出三种方式
    hive 分区表
    hive 创建orc表
    Tomcat中JVM内存溢出及合理配置及maxThreads如何配置(转)
    oracle 日期时间函数
    02: linux命令bak
  • 原文地址:https://www.cnblogs.com/xshan/p/11348870.html
Copyright © 2011-2022 走看看