下拉列表默认选中

最新推荐文章于 2022-03-30 20:04:36 发布

原创最新推荐文章于 2022-03-30 20:04:36 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

Jsp 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态更新下拉菜单选项的技术，通过遍历数据集并生成相应的HTML选项元素，实现页面内容的实时更新，提高用户体验。

<select id="sel" name="proSecond.profirsttype.profirstid">
               <c:forEach var="list" items="${listFirst}">
               <option value="${list.profirstid}"><c:out value="${list.typename }"></c:out> </option>
               </c:forEach>
              </select>
              <script>
              function setSelectByValue(
                domSelect,
                strVal) {
               var opts = domSelect.options;
               for ( var i = 0, j = opts.length; i < j; i++)
                if (opts[i].value === strVal)
                 return domSelect.selectedIndex = i;
              }
              setSelectByValue(
                document
                  .getElementById('sel'),
                '${proSecond.profirsttype.profirstid}');
              </script>