在做一个WEB应用时,需要根据数据库中读出的值设定select的选中项.,并且里面18个字段都要这样.于是整理出了下面一个JS方法,这样可以很容易实现.
<SCRIPT LANGUAGE="JavaScript">
<!--
function assignSelected(index,val)
...{
var f = index;
for(i=0;i<f.options.length;i++)
...{
if(f.options(i).value==val)
...{
f.selectedIndex = i
}
}
}
//-->
</SCRIPT>
<!--从数据库中读取并附值给select对象-->
<script language="javascript">
assignSelected(document.submit.upminAge,<%=rs("upminAge")%>);
assignSelected(document.submit.upmaxAge,<%=rs("upmaxAge")%>);
assignSelected(document.submit.MinHeight,<%=rs("MinHeight")%>);
assignSelected(document.submit.MaxHeight,<%=rs("MaxHeight")%>);
assignSelected(document.submit.xueli,'<%=rs("xueli")%>');
assignSelected(document.submit.provience,'<%=rs("provience")%>');
assignSelected(document.submit.city,'<%=rs("city")%>');
assignSelected(document.submit.people,'<%=rs("people")%>');
assignSelected(document.submit.income,'<%=rs("income")%>');
assignSelected(document.submit.carrer,'<%=rs("carrer")%>');
assignSelected(document.submit.address,'<%=rs("address")%>');
assignSelected(document.submit.zongjiao,'<%=rs("zongjiao")%>');
assignSelected(document.submit.hunyin,'<%=rs("hunyin")%>');
assignSelected(document.submit.child,'<%=rs("child")%>');
assignSelected(document.submit.wantchild,'<%=rs("wantchild")%>');
assignSelected(document.submit.smoke,'<%=rs("smoke")%>');
assignSelected(document.submit.drink,'<%=rs("drink")%>');
assignSelected(document.submit.isphoto,'<%=rs("isphoto")%>');
</script>
分享到:
相关推荐
在Java Web开发中,例如Spring MVC框架,你可以通过模型绑定将后端数据传递给前端,前端JavaScript再根据这些数据设置默认选中项。在JSP页面中,你可以使用EL(Expression Language)来访问模型对象。 总的来说,...
除了基本的 `value` 和 `selected` 属性外,`<option>` 标签还支持自定义属性,这些属性虽然不会随表单提交到服务器端,但在客户端可以通过 JavaScript 进行访问和操作。 #### 二、自定义属性概述 自定义属性...
在JQuery中传递参数到事件处理函数有多种方法,最常用的是将参数作为对象传递,并在事件处理函数内部通过事件对象(event)获取这些参数。下面详细阐述两种常见的实现方式:一为直接在事件处理函数内部使用局部变量...
总结,Vue.js提供了简单的方式获取`<select>`中被选择的`option`的`value`,即直接通过`v-model`绑定的数据属性。而获取`option`的`text`则需要结合`@change`事件和JavaScript操作。在实际开发中,应尽量遵循Vue.js...
当你需要在页面加载时预设一个选项为默认选中状态,你可以通过在相应的`<option>`标签中添加`selected`属性来实现。在提供的描述和代码示例中,我们看到如何设置"通过"为默认选中的选项。 首先,让我们深入了解一下...
解决这个问题的一个常见策略是将设置selected属性的代码延迟到浏览器的下一个事件循环中,通常通过`setTimeout`函数实现。尽管`setTimeout`的第二个参数可以设置延迟时间,但在这个场景下,我们只需要确保代码在当前...
4. 将`option`添加到`select`中:使用`appendChild`或`add`方法将新创建的`option`添加到`select`元素中。 ```javascript selectElement.appendChild(newOption); ``` 现在,我们转向`JSelect`库。`JSelect`提供了...
在JavaScript和jQuery的世界里,下拉多选框(Dropdown Multiselect)是一种常见的用户界面元素,它允许用户在一组选项中选择多个项目。本项目中,我们实现了一个自定义的下拉多选框功能,旨在提供一种高效且用户友好...
在网页开发中,jQuery 是一个常用的 JavaScript 库,它提供了许多便利的方法来操作 DOM 元素,包括选择、修改和操作 Select 下的 Option 元素。本文将详细讲解如何使用 jQuery 根据一个值来选中 Select 下的 Option...
在网页开发中,经常需要用到两个多选下拉框(类似于 ListBox)来实现数据的选择与传递。这种交互方式常见于用户界面设计中,例如在“人员选择”场景中,允许用户将一个列表中的选项移入另一个列表进行操作。 #### ...
这个函数创建一个新的`<option>`元素,并将其添加到指定的下拉列表框中。 #### 2.5 设置所有选项为选中状态 ```javascript function selectUserName(list) { var first = document.getElementById(list); for ...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。针对“jQuery实现select下拉框菜单选中插件.zip”这个主题,我们可以深入探讨如何利用jQuery来创建功能...
在Vue.js框架中,开发一个自定义的按首字母排序的下拉列表组件是一个常见的需求,特别是当结合ElementUI这样的流行UI库时。ElementUI提供了丰富的组件库,但有时我们需要根据项目需求进行定制,以便更好地满足用户...
2. **表单提交**:在表单提交时,多选下拉菜单的值会以逗号分隔的形式传递,例如`option1,option2`。服务器端(如PHP、Java等)可以解析这些值进行处理。 **四、美化与增强** 1. **CSS样式**:虽然HTML本身对下拉...
<option value="" selected>页面选择</option> <option value="100.htm">第一章</option> <option value="200.htm">第二章</option> <option value="300.htm">第三章</option> ``` 这个示例代码使用标记创建了...
- `document.getElementById('provinceName').value = _selVal`: 将获取到的文本设置到文本框中。 3. **用户交互**:当用户点击“ֵ”按钮时,将触发`setTxt()`函数,实现文本的获取和设置。 ### 知识点三:日期...
这个例子展示了如何在用户点击“Next”按钮后,根据选中的RadioButton传递对应的值到下一个页面(Page2.aspx),并在Page2.aspx中解析并处理这些值。 总结,Asp.Net中的跨页数据提交及获取单选按钮的值涉及到服务器...
复选框允许用户在多个选项中选择一个或多个,然后将这些选择传递到服务器进行处理。在这个场景中,`check.asp`和`checkbox.asp`可能是两个ASP(Active Server Pages)文件,它们分别处理复选框的选择和显示。 首先...
注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()-->方法调用-->立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) ...