`

编辑时下拉框JS初始化赋原值

JavaScriptHTML 
阅读更多

在做功能模块编辑时，时常会遇到下拉框的问题<select>...</select>，默认是页面写好的html,如下：

<td class="td1" align="left">
   <select name="model.recvdocEmergency" id="recvdocEmergency" style="width: 149px;">
         <option value='0'> 正 常</option>
         <option value='1'> 急 件</option>
         <option value='2'> 特 急</option>
     </select>

</td>

当编辑时展现现来的还是如上解析出来的，第一项还是：正常，而我们添加时也许是：特急。

通过JS可以初始化，代码如下：

 function initForm(){

  //初始化紧急程度
  var cyvalue = '${model.recvdocEmergency}';  //Struts2中从实体中取值
  var EmergencyObj = document.getElementById("recvdocEmergency").options;
  for (var i=0; i<EmergencyObj.length; i++) {
            if (EmergencyObj[i].value == cyvalue) {
                  EmergencyObj[i].selected = true;
                  break;
               }
         }

}

 

最后还必须在<body>之间加上以下JS代码，以便在加载DOM对象时执行以上的JS方法初始化操作：

<script language="javascript">
   initForm();
</script>

分享到：
| Hibernate Annotation
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    可编辑的下拉框(JavaScript)

    2. **JavaScript事件监听**：通过JavaScript监听用户的键盘事件和点击事件，例如`onkeyup`用于处理用户输入，`onclick`用于切换下拉框编辑状态。 3. **动态添加选项**：当用户输入新内容并提交时，JavaScript将新值...

    可编辑的下拉框 既可以编辑，又可以下拉选择

    可编辑的下拉框 既可以编辑，又可以下拉选择 很不错的

    combox实现的可编辑下拉框

    2. **JavaScript初始化**：在页面加载完成后，通过JavaScript获取这两个元素的引用。 3. **事件绑定**：为输入框添加`input`事件监听器，当用户输入时，更新下拉框的过滤条件，显示匹配的选项。为下拉框添加`change`...

    android 可编辑的下拉框 Demo

    我们需要为自定义视图添加一个方法来初始化`PopupMenu`，并设置其数据源，如一个`ArrayList`或`ArrayAdapter`，然后在`onClick`事件中调用这个方法来显示下拉列表。 对于数据源，可以是一个静态的数据结构，也可以...

    可编辑下拉框 动态修改添加下拉框选项

    参考别人文献 同时结合实际修改部分代码做出的一个可编辑的下拉框，并且修改过程同时会动态把没有的选项加入到下拉框中

    编辑的下拉框

    编辑的下拉框

    可编辑的下拉框

    可以对下拉框的内容进行编辑， 也可以删除下拉框中的内容

    基于ASP.NET实现的可编辑的下拉框控件程序例子

    接下来，为了使下拉框具有可编辑性，我们需要利用JavaScript来监听`DropDownList`的`OnSelectedIndexChanged`事件，以及处理文本输入框的值。当用户在下拉框中做出选择时，`OnSelectedIndexChanged`事件会被触发，...

    最简单的下拉框联动不刷新页面示例

    在网页开发中，下拉框联动是一种常见的交互设计，它允许用户在选择一个下拉框选项后，另一个相关的下拉框会自动更新其内容，而无需整个页面进行刷新。这种功能提高了用户体验，减少了不必要的数据传输，加快了页面...

    HTML可编辑下拉框_JS自动补全

    总之，HTML可编辑下拉框结合JavaScript自动补全功能是提高网站或应用交互性的一个有效手段。通过监听用户输入、过滤选项并动态显示匹配项，我们可以创建一个既直观又高效的输入体验。对于开发者来说，掌握这项技术有...

    ASP.NET 可编辑的下拉框

    在这个特定的场景中，"可编辑的下拉框"是用户控件的一种实现，它结合了下拉列表和文本输入的功能，允许用户既可以选择预设的选项，也可以自由输入新的值。 传统的下拉框(DropdownList)通常只提供预定义的选项供用户...

    国家下拉框 js库

    国家下拉框 js库

    好用简单的可编辑级联下拉框

    1. **前端框架**：这通常涉及到JavaScript库，如React、Vue或Angular，它们提供了组件化开发的能力，方便创建可复用的下拉框组件。 2. **数据管理**：级联效果需要维护一个层级结构的数据模型，可能涉及到数组或...

    可编辑下拉框（html）

    可编辑下拉框，用javascript 实现

    可编辑下拉框.zip

    “可编辑下拉框”通常基于JavaScript实现，特别是在Web开发中，JavaScript是最常见的客户端脚本语言，用于增加页面的交互性。在这个项目中，开发者遇到了一个问题：现有的插件不能完全满足业务需求，因此需要对其...

    可编辑的下拉框1.html

    一个简单的可编辑下拉框的例子

    Jquery可编辑下拉框控件

    为了使用Selectize.js，你需要在HTML中引入jQuery库和Selectize.js插件的JS和CSS文件，然后通过JavaScript初始化配置。以下是一个基本的使用示例： ```html &lt;!-- 选项元素 --&gt; $(document).ready(function() {...

    可编辑下拉框

    通过阅读使用文档，你可以了解如何初始化组件，如何设置和获取用户输入，以及如何处理用户的选择或输入事件。同时，测试用例可以帮助你在改动代码后确保组件的正确性，避免引入新的问题。 总的来说，"可编辑下拉框...

Magicbox
Global site tag (gtag.js) - Google Analytics