-
页面显示<select>中那个<option>被选中5
在用jstl编写jsp时,定位<Select>中被选中的<option>时,
用了以下两种写法:
<Select name='idCd'>
<option value='XXXX' <c:if test='${idCd == "XXXX"}'> selected='selected' </c:if>>XXXX</option>
…………
</select>
不能通过编译,以前用js和页面的java脚本写的可以实现。
各位大虾,有没有别的好的方法没??2012年8月20日 19:26
2个答案 按时间排序 按投票排序
-
我是这么写的:直接定位然后根据选项触发函数。
<select id="select_id" name = "select_type" onchange="Change()">
<% for(int i=0;i<totalpage;i++){
if(currentpage==i){
%><option value='"+i+"' selected>第<%=i+1 %> 页</option>
<% }else{%>
<option value='"+i+"' >第<%=i+1 %> 页</option>
<% }
}%>
</select> 共 <%=totalpage%> 页2012年8月21日 09:56
相关推荐
在网页开发中,`<select>`元素用于创建下拉列表,而`<option>`标签则定义了下拉列表中的选项。有时候,我们可能需要在页面加载时预设一个选项为默认选中状态,或者根据用户操作动态改变选中状态。在JavaScript中,这...
HTML中的`<select>`标签是构建交互式网页表单的重要元素,它允许...在实际应用中,`<select>`标签常被用于创建表单,收集用户数据,并与其他表单元素一起工作,如按钮、文本输入框等,以构建功能丰富的Web应用程序。
4. 更新DOM:清除第二级`<select>`的所有选项,然后为每个新的第二级选项创建`<option>`元素,并添加到`<select>`中。 5. 如果有第三级,重复步骤3和4,但这次针对第二级的`<select>`。 在实际项目中,可能还需要...
在这个例子中,`<select>`标签的`name`属性定义了表单字段的名称,`multiple`属性使得用户可以多选,`size`属性定义了下拉框显示的选项数量。每个`<option>`标签代表一个可选的值,用户可以看到并选择。 在实际应用...
然后遍历对象,使用jQuery的`append()`方法动态创建新的<option>元素,并添加到二级<select>中。 6. **更新视图**:最后,二级菜单的内容更新完毕,用户即可看到相应的二级选项。 这个示例代码不仅展示了jQuery的...
根据所提供的信息,我们面临的问题是:当用户从一个`<select>`元素中选择一个`<option>`时,希望能在页面的某个区域内显示与所选`<option>`对应的新闻内容。这个问题可以通过HTML、CSS和JavaScript来解决。 #### ...
而Bootstrap Select是这个生态中的一个补充,专注于解决`<select>`标签的功能局限性。 使用Bootstrap Select的方法并不复杂,通常包括以下步骤: 1. **引入依赖**:首先,确保在页面中引入Bootstrap的CSS和...
在网页开发中,`<select>`元素用于创建下拉列表,而`<option>`标签则定义了下拉列表中的选项。当用户加载页面时,我们希望某个特定的选项被默认选中。这通常通过比较`<option>`标签的`value`属性与预先设定的值来...
在iOS的Safari浏览器中,用户可能会遇到一个问题,即当HTML页面中的`<select>`下拉列表中的选项文字过长时,这些文字会被自动截断,导致无法完整显示。这在其他浏览器,如安卓版的浏览器中可能并不常见。解决这个...
在Struts2框架中,实现页面`<select>`标签默认选中的功能是非常实用且常见的需求。这不仅可以提高用户体验,还能让界面看起来更加专业。本文将详细介绍如何通过Struts2的相关标签来实现这一功能。 ### Struts2框架...
在众多的表单元素中,`<select>` 控件用于创建下拉列表,也就是我们常说的下拉菜单。这个控件常用于提供一系列预设的选项供用户选择,比如在注册页面上选择省份、城市或者在调查问卷中选择喜好。 **基本语法:** `...
这里,`menu()`函数首先获取当前选中的选项索引(`selectedIndex`),然后利用这个索引访问`<select>`元素的所有`<option>`子元素,从而获取被选中项的`value`属性,并将页面重定向到这个URL。 ### 多选功能与样式...
在HTML中,创建一个可多选的下拉框通常涉及到`<select>`元素与`<option>`元素的组合,但为了实现多选功能,我们需要使用`<input type="checkbox">`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...
<option>----</option> <option></option> <option></option> <option>Xս</option> </select> <select class="city"> <option>----</option> </select> <select class="city"> <option>̵</option> <option>...
这段代码先找到当前被选中的 `<option>` 的索引,然后使用 `remove()` 方法删除该 `<option>`。 #### 5. 获取 Option 的值 ```javascript function getValue() { var obj = document.getElementById('mySelect');...
`<option>`标签定义了下拉列表中的每个选项,`value`属性用于指定选项的值,而显示在列表中的文本则是在`<option>`标签之间写的文本。 二、多选下拉列表 默认情况下,`<select>`元素只允许用户选择一个选项。如果...
一个基本的`<select>`元素包括一个`<option>`元素列表,用户可以在这些选项中进行选择: ```html <select> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option ...
对于多选`<select>`,要确保选中的选项在非视觉用户界面中清晰可见。 **5. 性能优化** 当选项数量非常大时,一次性加载所有选项可能导致页面性能下降。为了避免这种情况,可以采用懒加载策略,只在用户滚动到或搜索...
在本例中,当用户从下拉框中选择一个选项时,`onChange`事件被触发,事件处理器会根据所选选项的值,来更新`<img>`标签的`src`属性,从而改变图片的显示。 具体实现步骤如下: 1. 准备一张或多张需要显示的图片,...
在事件处理函数中,可以改变选中状态(比如通过添加/移除特定的CSS类),并更新页面上显示的值(比如一个假想的`<span>`元素来展示当前选择)。 4. 如果需要,还可以监听`<select>`的原始元素,确保其`value`与用户...