`

获得后台的值,把相应的select的option选为默认的值

    博客分类:
  • js
 
阅读更多
//获得后台的值,把相应的select的option选为默认的值
$(document).ready(function(){
selectCheckPayStats("v_txn_type","${v_txn_type}");
});
//修改select的option默认显示项的方法
  function selectCheckPayStats(id,value)
   {
    //获得下拉列表的id
    var select = document.getElementById(id);
    //获得下拉列表的所有option
    var options = select.options;
    //循环获得对应的节点
    for(var i=0;i<options.length;i++)
    {
     //获得节点的值和后台传来的值进行比较
     if (options[i].value == value)
     {
      //如果当前节点与后台传来的值一致,则将当前节点设置为选中状态,并跳出循环
      options[i].selected = true;
      break;
     }
    }
   }
分享到:
评论

相关推荐

    jsp select 带多选框

    HTML的`&lt;select&gt;`元素默认只支持单选,但通过添加`multiple`属性,我们可以将其转变为多选框。下面是一个基本的JSP多选框示例: ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html&gt; 多选下拉框...

    layui动态渲染生成select的option值方法

    如果返回数据为空,则填充默认的option值。 3. 使用`.empty()`方法清空原有的option,然后使用`.append()`方法将新生成的option添加到select元素中。 4. 当新数据添加到select后,调用`form.render('select')`来渲染...

    laravel-admin select框默认选中的方法

    laravel-admin后台框架的select选择框的默认选中,结合select2的js插件; 文档http://laravel-admin.org/docs/#/zh/model-form-fields?id=select选择框; 文档里面没有看到这个默认选中的属性,也可能是我没有找到;...

    超好用的select标签-带api

    - `&lt;option&gt;`标签的属性:`value`定义选项的值,`text`为显示的文本,`selected`可设置默认选中的选项。 2. **多选模式** - 使用`&lt;select multiple&gt;`开启多选模式,用户可以同时选择多个选项。 - 配合`&lt;option&gt;`...

    SpringMVC中form:select的使用

    `form:select`默认生成的是单选下拉列表。如果需要实现多选,可以结合`form:checkboxes`标签使用。例如: ```jsp ${roleList}" path="selectedRoles" delimiter=", "/&gt; ``` 这里`selectedRoles`应该是一个包含多个...

    SelectMenu简洁易用多样的下拉菜单解决方案

    3. **配置选项**:可以通过设置配置对象来调整`SelectMenu`的行为,例如设置默认选中项、菜单样式等。 4. **监听事件**:根据需求,绑定事件监听器,处理用户选择变化或菜单开关等事件。 四、实例演示 ```...

    Select2实现全国省市区三级联动下拉菜单

    使用JavaScript初始化这三个`select`元素,并为它们设置相应的事件监听器。当一个下拉菜单的选择发生变化时,会触发事件,更新下一个级别的下拉菜单。 ```javascript $(document).ready(function() { // 初始化...

    jQuery美化Select下拉框.zip

    jQuery美化Select下拉框是一款适用于后台管理功能表单下拉框选择代码。  select -- name 可以接收选择的值【用于表单提交 名称自定义】  option -- 1. value 传给后台的参数  1. selected 设置默认...

    html的下拉框的几个基本用法

    在这个例子中,`&lt;select&gt;`标签定义了下拉框,而`&lt;option&gt;`标签则表示各个可选项目。`value`属性用于指定选项的值,显示的文本内容则放在`&lt;option&gt;`标签之间。 二、设置默认选中项 要设置默认选中的选项,可以使用`...

    select标签设置默认选中的选项方法

    方法有两种。 第一种 通过&lt;select&gt;的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出...第二种 为通过前端js来控制选中的项: &lt; script type = text/javascript &gt; function change(){

    与后台结合的使用jquery实现的联动选择框

    在网页开发中,联动选择框(也称为级联下拉框)是一种常见的交互元素,它允许用户在选择一个选项后,根据所选选项自动更新另一个下拉框的内容。这种功能通常用于显示层级关系的数据,例如国家与城市、部门与员工等。...

    前端与移动开发之表单

    ④name属性可以自定义名字 value一般设置为空(有实际意义的选项除外,否则不能向后台传递数据 每个选项的value值不能相同) ⑤后端提交的数据 name的属性值=value的值(输入框中的内容) ⑥checked=...

    下拉框(select),可以多选,带有分组搜索功能

    - 配置项:提供多种配置选项,如默认选中项、禁用项、最大可选数量等。 - 国际化支持:支持多语言环境,方便不同地区的用户使用。 - 主题和样式:提供预设的主题和样式,也可以自定义CSS满足个性化需求。 5. **...

    layui 根据后台数据动态创建下拉框并同时默认选中的实例

    // 设置value为2的值为默认选中 $('#selectId').val(2); }); form.render(); // 更新全部表单内容 // form.render('select'); // 仅刷新表单select选择框渲染 } }); }); ``` 在这段代码中,我们通过`$.ajax`...

    jquery下拉框选择select美化插件FancySelect.js.zip

    `这行代码就是将ID为"mySelect"的`&lt;select&gt;`元素应用了FancySelect插件。 FancySelect.js还支持配置选项,你可以根据需求调整插件的行为。例如,设置默认选中项、改变触发下拉的事件、添加自定义CSS类等。这些配置...

    Jquery实现的的动态无刷新的二级联动菜单

    初始时,二级菜单为空或显示默认选项。 2. **jQuery绑定事件**:使用jQuery的`change()`事件监听一级菜单的选择变化,当用户选择了一个新的一级菜单项,触发后续动作。 3. **AJAX请求**:在事件处理函数中,构造一...

    easyui combbox 显示默认值

    5. **动态更新**:在某些情况下,Combobox的默认值可能需要根据后台数据的实时变化进行更新,这时可以使用Ajax请求获取最新数据并重新设置默认值。 6. **异常处理**:在设置默认值时,应考虑到可能出现的异常情况,...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    如果希望默认选中某个选项,可以设置`checked`属性为"true"。 3. `html:multibox`标签:这个标签是`html:checkbox`的一个变种,用于创建一组复选框,通常用于处理多选的场景。与`html:checkbox`不同的是,`...

    JQuery给元素添加/删除节点比如select

    而 `jQuery("#select_id").get(0).selectedIndex` 可以得到选中 Option 的索引值。 2. **获取 Select 最大索引值**: `jQuery("#select_id option:last").attr("index")` 用于获取 Select 元素中最后一个 Option ...

    jq省市联动 添加及修改 默认值

    在修改地址时,"只需要把对应的汉字放进去就默认了"指的是当用户需要修改已有的地址时,我们可以将数据库中保存的汉字地区名设置为相应select元素的默认选中值。这通常通过jQuery的val()函数来实现,将汉字字符串...

Global site tag (gtag.js) - Google Analytics