`

动态给select赋值

阅读更多

1 <select id="motorcycle_type_q"></select>

 

function getsyscode() {
        var param = {
            date : new Date()
        };
        $.ajax({
                    type : "post",
                    url : "${pageContext.request.contextPath}/carsCost/getsyscode.action",
                    async : false,
                    timeout : 30000,
                    dataType : 'json',
                    data : param,
                    beforeSend : function(XMLHttpRequest) {
                    },
                    success : function(data, textStatus) {
                        if (data != "" && data != null) {
                            //为车型下拉框赋值
                            var typeList = data['typeList'];
                            $("#motorcycle_type_q").append(
                                    "<option value=''>全部</option>");
                            if (typeList != null && typeList != "") {
                                for (var i = 0; i < typeList.length; i++)
                                    $("#motorcycle_type_q").append(
                                            "<option value='"+typeList[i]['code']+"'>"
                                                    + typeList[i]['name']
                                                    + "</option>"); //为Select追加一个Option(下拉项)
                            }
                            //为品牌下拉框赋值
                            var brandList = data['brandList'];
                            $("#cars_brand_q").append(
                                    "<option value=''>全部</option>");
                            if (brandList != null && brandList != "") {
                                for (var i = 0; i < brandList.length; i++)
                                    $("#cars_brand_q").append(
                                            "<option value='"+brandList[i]['code']+"'>"
                                                    + brandList[i]['name']
                                                    + "</option>"); //为Select追加一个Option(下拉项)
                            }
                            //为级别下拉框赋值
                            var rankList = data['rankList'];
                            $("#cars_rank_q").append(
                                    "<option value=''>全部</option>");
                            if (rankList != null && rankList != "") {
                                for (var i = 0; i < rankList.length; i++)
                                    $("#cars_rank_q").append(
                                            "<option value='"+rankList[i]['code']+"'>"
                                                    + rankList[i]['name']
                                                    + "</option>"); //为Select追加一个Option(下拉项)
                            }

                        }

                    },
                    error : function() {
                    }
                });
    }

2 <div class="ji_infobox">
                            <span><b style="color: red;font-weight: normal;">*</b>职称/资格:</span>
                            <select id="titleType" name="highlevelPersonSublist.titleType" style="width:68px;" onchange="onChangeTitleType(this.value)" >
                                <option value="0">职称</option>
                                <option value="1">资格</option>
                               
                            </select>
                             <select id="jobtitle" name="highlevelPersonSublist.jobtitle" style="width:100px;">
                                <option value="2">副高级</option>
                                <option value="3">高级</option>
                            </select>
                        </div>

function onChangeTitleType(type){
    if(type=="0"){
        $("#jobtitle").empty();
        $("#jobtitle").append("<option value='2'>副高</option>");
        $("#jobtitle").append("<option value='3'>高级</option>");
    }else if(type=="1"){
        $("#jobtitle").empty();
        $("#jobtitle").append("<option value='11'>高级工</option>");
        $("#jobtitle").append("<option value='12'>技师</option>");
        $("#jobtitle").append("<option value='13'>高级技师</option>");
    }
}

分享到:
评论

相关推荐

    jquery 动态遍历select 赋值的实例

    以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的主要知识点。通过本文的介绍和实例演示,可以看出利用jQuery进行动态内容更新的操作简洁而高效,能极大地丰富网页的交互体验。希望本文的内容能够给读者...

    原生js select下拉选项框给文本框赋值代码

    原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码

    SQL中SET和SELECT赋值的区别

    SET 是一种基本的赋值方式,它可以将一个值赋给一个变量,但是它一次只能对一个变量进行赋值。如果需要对多个变量赋值,需要使用多个 SET 语句。SELECT 则不同,它可以在一条语句中对多个变量同时赋值。 例如,假定...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

    asp如何实现动态下拉菜单赋值给文本框

    本文将详细探讨ASP中如何实现动态下拉菜单赋值给文本框的两种方法,这在构建用户友好的界面时非常有用。 ### 方法一:使用JavaScript 首先介绍的是通过JavaScript来实现动态下拉菜单赋值给文本框的方式。这种方法...

    layui Ajax请求给下拉框赋值的实例

    如下所示: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;排课设置&lt;...content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;...link rel="stylesheet

    关于jquery中动态增加select,事件无效的快速解决方法

    然而,有时我们可能会遇到一个问题,即使用`bind`方法为动态添加的`select`元素绑定事件时,这些事件并未生效。这是因为`bind`只对在绑定事件时已经存在于DOM中的元素起作用,而不会对后续添加的元素产生影响。 ...

    A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a

    标题中的"A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a",指的是一个基于jQuery实现的交互式功能,它将图片选择与HTML的`&lt;select&gt;`下拉框相结合。这个功能允许用户通过点击图片来改变`...

    bootstrap下拉框动态赋值方法

    在前端开发中,经常需要从服务器端动态获取数据,并更新下拉框的选项,这就涉及到动态赋值的技术。 在介绍动态赋值方法之前,我们需要了解一些基础知识。Bootstrap的下拉框是通过`&lt;select&gt;`标签来实现的。在传统的...

    A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns

    在本资源中,我们主要探讨的是一个基于jQuery的图片选择器插件,它与HTML的select元素相结合,实现用户点击图片后将所选图片对应的值填充到表单的select框中。这个功能对于提高用户体验,特别是在需要用户选择图标...

    jqgrid行编辑+动态为其他列赋值

    在本例中,我们将深入探讨如何实现"jqgrid行编辑+动态为其他列赋值"这一功能。 首先,我们需要理解jqGrid的行编辑功能。jqGrid允许用户在表格的每一行上进行编辑,这通常通过双击或点击编辑按钮来触发。默认情况下...

    jquery操作select取值赋值与设置选中实例

    jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如&lt;select class=”selector”&gt;&lt;/select&gt; 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....

    jquery+css+div实现select选择框样式

    "#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦。 懂一点程序的都明白为啥要赋值了。意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表...

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面,发现bootstarp框架多选会自带一个span标签,清空与赋值就是把这个span标签重置,在浏览器调试页面中找到这个span标签,通过class选择器,对...

    下拉菜单div及赋值

    然而,如果需要动态赋值或更新下拉菜单内容,我们就需要用到JavaScript。例如,我们可以添加一个新的选项: ```javascript var dropdownContent = document.querySelector('.dropdown-content'); function add...

    A_jquery+select框图片选择器点击图片给表单select框赋值源码整理

    本资源"jQuery+select框图片选择器点击图片给表单select框赋值"是一个利用jQuery实现的功能性插件,旨在增强用户在网页表单中的选择体验。下面将详细介绍这个功能及其相关技术点。 首先,我们要了解这个功能的核心...

    点击图片 给表单select框赋值框架和源码

    标题中的“点击图片 给表单select框赋值框架和源码”暗示了这是一个前端开发相关的项目,重点在于实现一个功能:用户通过点击图片来给HTML表单中的`&lt;select&gt;`元素设定值。这个功能常见于需要用户选择特定选项但提供...

    SQL变量声明和赋值知识归纳

    使用`SELECT`语句赋值时,如果`SELECT`返回多行结果,只有第一行的第一列会被赋值给变量。 3. **从查询结果中赋值**: ```sql SELECT @variable_name = column FROM table WHERE condition; ``` 此方法允许你...

Global site tag (gtag.js) - Google Analytics