`

通过后台传值动态给下拉选择绑定值

    博客分类:
  • web
 
阅读更多

页面开发过程中,我们一般都有下拉选择,如下代码:

<select id="combox_activity_type" class="required combox" name="al.activeType">
<option value="-1">--请选择--</option>
<option value="1">赠送 20M</option>
<option value="2">赠送100M</option>
<option value="3">登录有礼</option>
<option value="4">分享有礼</option>
</select>

 当然,要是通过后台传值后,我们想让<option>通过后台传值,默认选择对应项目代码如下:

	var select = document.getElementById("combox_activity_type");
    //循环获得对应的节点
    var options = select.options;
    for(var i=0;i<options.length;i++){
    	if (options[i].value == '${al.activeType}'){
    		 options[i].selected = true;
    		 break;
    	}
    }

 

分享到:
评论

相关推荐

    详解ASP.NET MVC之下拉框绑定四种方式

    *** MVC下拉框绑定是Web开发中常见的一项功能,开发者可以通过多种方式将数据绑定到下拉框控件中,以供用户进行选择。在本篇文档中,将详细介绍四种*** MVC下拉框绑定的方法,每种方法都有其适用场景,开发者可以...

    springmvc前台向后台传值几种方式总结(从简单到复杂)

    在实际开发中,除了上述方法,还可以使用`@RequestParam`注解显式指定参数绑定,或者通过`@ModelAttribute`注解处理更复杂的数据绑定场景,包括从URL查询参数、请求头、请求体等来源获取数据。另外,对于多选框、复...

    对文件进行查询并且上拉刷新下拉加载

    在这个项目中,开发者可以学习到如何遍历文件系统,查找特定类型的文件,以及如何实现用户界面的动态加载效果,如上拉刷新和下拉加载,以提升用户体验。 首先,我们要理解的是文件查询。在Android中,文件查询主要...

    bootstrap 下拉多选框进行多选传值问题代码分析

    在本文中,我们将深入探讨一个常见的问题:在使用Bootstrap的下拉多选框(Selectpicker)进行多选时,通过表单提交数据只获取到第一个选择的值,而无法获取其他选中的值。以下是对这个问题的详细分析和解决方案。 ...

    详解ASP.NET MVC 下拉框的传值的两种方式

    以前使用WebForm变成时,下拉框传值只需直接在后台绑定代码就可以了。现在我们来看看在MVC中DropDownList是如果和接受从Controller传过来的值的。 第一种:使用DropDownList 控制器代码:  public ActionResult ...

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    本文主要讲解了如何利用jQuery和Ajax技术实现网页中Select下拉框的多级关联动态绑定数据,即实现省份选择后城市下拉框动态更新的功能。通过实际的代码实例,详细说明了从后端数据库读取数据,并通过前端JavaScript...

    阿东入门系列《五》仿找事吧APP附近三公里Demo

    功能点:轮播;列表,下拉刷新上拉加载更多;地图;网络请求;数据绑定等 文本仿照了 找事吧app 附近三公里功能,并感谢找事吧数据的提供。考虑到数据的私密性,本文贴出的代码并没有贴出...1. 数据绑定和前后台传值

    ASP.NET通过更改Url进行页面传值的实现代码

    本文将详细讨论如何通过更改URL进行页面传值,以及给出具体的实现代码示例。 首先,我们需要创建一个简单的类来表示我们要传递的数据。在示例中,创建了一个名为`Dept`的类,包含两个属性:`Id`和`DeptName`。这两...

    Tapestry字典

    `Select`组件提供下拉菜单选择,可以绑定数据源,实现动态填充选项。 Tapestry框架提供了强大的工具和组件库,适用于构建复杂的企业级Web应用。通过深入理解和灵活运用上述知识点,开发者可以高效地开发高质量的Web...

    小程序最新最全知识点 小白入门

    在Vue中,可以通过`v-model`实现表单控件模型与数据的双向绑定,而小程序则需要通过手动调用`this.setData()`方法来更新视图中的数据。 - **更新机制**:直接修改`this.data`对象的属性不会更新视图,必须使用`this...

Global site tag (gtag.js) - Google Analytics