`
sylinx_yqg
  • 浏览: 143515 次
  • 性别: Icon_minigender_1
  • 来自: 福建 漳州
社区版块
存档分类
最新评论

js中如何把selected传递到option上

阅读更多

在做一个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>


分享到:
评论

相关推荐

    option的value比较来确定select默认选中项

    在Java Web开发中,例如Spring MVC框架,你可以通过模型绑定将后端数据传递给前端,前端JavaScript再根据这些数据设置默认选中项。在JSP页面中,你可以使用EL(Expression Language)来访问模型对象。 总的来说,...

    option自定义属性的用处

    除了基本的 `value` 和 `selected` 属性外,`&lt;option&gt;` 标签还支持自定义属性,这些属性虽然不会随表单提交到服务器端,但在客户端可以通过 JavaScript 进行访问和操作。 #### 二、自定义属性概述 自定义属性...

    JQuery中如何传递参数如click(),change()等具体实现

    在JQuery中传递参数到事件处理函数有多种方法,最常用的是将参数作为对象传递,并在事件处理函数内部通过事件对象(event)获取这些参数。下面详细阐述两种常见的实现方式:一为直接在事件处理函数内部使用局部变量...

    Vue.js获取被选择的option的value和text值方法

    总结,Vue.js提供了简单的方式获取`&lt;select&gt;`中被选择的`option`的`value`,即直接通过`v-model`绑定的数据属性。而获取`option`的`text`则需要结合`@change`事件和JavaScript操作。在实际开发中,应尽量遵循Vue.js...

    Html Select option 如何进行默认选择

    当你需要在页面加载时预设一个选项为默认选中状态,你可以通过在相应的`&lt;option&gt;`标签中添加`selected`属性来实现。在提供的描述和代码示例中,我们看到如何设置"通过"为默认选中的选项。 首先,让我们深入了解一下...

    jQuery选中select控件 无法设置selected的解决方法

    解决这个问题的一个常见策略是将设置selected属性的代码延迟到浏览器的下一个事件循环中,通常通过`setTimeout`函数实现。尽管`setTimeout`的第二个参数可以设置延迟时间,但在这个场景下,我们只需要确保代码在当前...

    js 加载select 项

    4. 将`option`添加到`select`中:使用`appendChild`或`add`方法将新创建的`option`添加到`select`元素中。 ```javascript selectElement.appendChild(newOption); ``` 现在,我们转向`JSelect`库。`JSelect`提供了...

    js jquery 下拉多选框实现

    在JavaScript和jQuery的世界里,下拉多选框(Dropdown Multiselect)是一种常见的用户界面元素,它允许用户在一组选项中选择多个项目。本项目中,我们实现了一个自定义的下拉多选框功能,旨在提供一种高效且用户友好...

    jquery根据一个值来选中select下的option实例代码

    在网页开发中,jQuery 是一个常用的 JavaScript 库,它提供了许多便利的方法来操作 DOM 元素,包括选择、修改和操作 Select 下的 Option 元素。本文将详细讲解如何使用 jQuery 根据一个值来选中 Select 下的 Option...

    js 多选下拉框 类似listbox

    在网页开发中,经常需要用到两个多选下拉框(类似于 ListBox)来实现数据的选择与传递。这种交互方式常见于用户界面设计中,例如在“人员选择”场景中,允许用户将一个列表中的选项移入另一个列表进行操作。 #### ...

    js处理下拉列表框

    这个函数创建一个新的`&lt;option&gt;`元素,并将其添加到指定的下拉列表框中。 #### 2.5 设置所有选项为选中状态 ```javascript function selectUserName(list) { var first = document.getElementById(list); for ...

    jQuery实现select下拉框菜单选中插件.zip

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。针对“jQuery实现select下拉框菜单选中插件.zip”这个主题,我们可以深入探讨如何利用jQuery来创建功能...

    SortSelect vue + elementui自定义按首字母排序下拉列表组件

    在Vue.js框架中,开发一个自定义的按首字母排序的下拉列表组件是一个常见的需求,特别是当结合ElementUI这样的流行UI库时。ElementUI提供了丰富的组件库,但有时我们需要根据项目需求进行定制,以便更好地满足用户...

    多选下拉菜单控件(HTML)

    2. **表单提交**:在表单提交时,多选下拉菜单的值会以逗号分隔的形式传递,例如`option1,option2`。服务器端(如PHP、Java等)可以解析这些值进行处理。 **四、美化与增强** 1. **CSS样式**:虽然HTML本身对下拉...

    网页中的下拉菜单.pdf

    &lt;option value="" selected&gt;页面选择&lt;/option&gt; &lt;option value="100.htm"&gt;第一章&lt;/option&gt; &lt;option value="200.htm"&gt;第二章&lt;/option&gt; &lt;option value="300.htm"&gt;第三章&lt;/option&gt; ``` 这个示例代码使用标记创建了...

    javascript的一些小功能,比较适合菜鸟学习!

    - `document.getElementById('provinceName').value = _selVal`: 将获取到的文本设置到文本框中。 3. **用户交互**:当用户点击“ֵ”按钮时,将触发`setTxt()`函数,实现文本的获取和设置。 ### 知识点三:日期...

    Asp.Net中跨页数据提交获取单选按钮的值

    这个例子展示了如何在用户点击“Next”按钮后,根据选中的RadioButton传递对应的值到下一个页面(Page2.aspx),并在Page2.aspx中解析并处理这些值。 总结,Asp.Net中的跨页数据提交及获取单选按钮的值涉及到服务器...

    实现多选项赋值功能实现多选项赋值功能

    复选框允许用户在多个选项中选择一个或多个,然后将这些选择传递到服务器进行处理。在这个场景中,`check.asp`和`checkbox.asp`可能是两个ASP(Active Server Pages)文件,它们分别处理复选框的选择和显示。 首先...

    JavaScript笔记

    注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) ...

Global site tag (gtag.js) - Google Analytics