`
youlong05
  • 浏览: 147480 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

下拉框与文本框联动

 
阅读更多
<html>
 <head>
 <title></title>
  <script language="javascript" type="text/javascript">
   function look()
   {
           var se =document.getElementById("se");
           var option=se.getElementsByTagName("option");
           var str="";
           for(var i=0;i<option.length;++i)
           {
               if(option[i].selected)
               {
                   document.getElementById("test").innerText=option[i].text;
                   //alert(option[i].text);
               }
           }
   }
  </script>
 </head>
 <body>
  <select id="se" onchange="look();">
  <option value="aaa">aaa</option>
  <option value="vvv">vvv</option>
  <option value="ccc">ccc</option>
  </select>
  <input type="text" id="test" value="aaa"/>
 </body>
</html>
分享到:
评论

相关推荐

    wpf comboBox 下拉框全国地址联动

    最后,为了提供良好的用户体验,还可以添加一些附加功能,如默认加载省份数据,禁用未选择项的ComboBox,以及在用户完成地址选择后自动填充文本框等。 总结来说,实现WPF中的ComboBox全国地址联动功能需要理解JSON...

    下拉框自动匹配文本框输入内容

    下拉框(Dropdown)与文本框(Input)的联动匹配通常应用于搜索、筛选或者选择项的场景,例如在填写表单时,用户输入部分内容后,系统会根据输入自动显示出相关的选项。 首先,我们需要了解HTML中的基础元素:`...

    JS实现下拉菜单赋值到文本框的方法

    8. 联动效果:在实际网页应用中,下拉菜单与文本框之间的联动效果很常见。这种效果能提供更好的用户体验,允许页面以更加直观的方式响应用户的操作。 通过以上知识点的应用,可以有效地在Web页面上实现下拉菜单的...

    asp中,一个下拉框对应多个文本框动态显示数据库内容

    在这个场景中,用户通过下拉框选择姓名,然后相应的手机号、地址和单位信息会在文本框中动态加载。以下是如何实现这一功能的详细步骤: 1. **数据库连接**: 首先,我们需要建立与Access数据库的连接。在`conn.asp...

    js实现下拉框二级联动

    在做项目的时候,一个添加问题题目,选项和答案的问题,题目类型分为选择题,判断题,和多选题三种,此处需要添加一个二级联动的功能,即当题型为选择题的时候,正确选项的下拉框里出现的是A,B,C,D.如果题型是判断题...

    JQuery年月日三级下拉框联动

    在网页开发中,有时我们需要创建一个用户友好的界面来选择日期,这通常涉及到年、月、日的三级下拉框联动。"JQuery年月日三级下拉框联动"就是一个解决此类需求的方案,它利用JavaScript库JQuery的便利性和高效性,...

    文本框与下拉框组合并能智能检索

    3. **JavaScript/jQuery代码**:通过引入jQuery库,编写JavaScript代码来实现文本框与下拉框的联动以及自动完成功能。`js`目录下的文件很可能是实现这些功能的脚本。 4. **数据源**:可能需要一个数据源来提供下拉...

    asp如何实现动态下拉菜单赋值给文本框

    这种方法同样能够实现实时更新文本框的功能,但与第一种方法不同的是,它在用户完成选择后才进行赋值操作。 ### 总结 通过上述两种方法,我们可以在ASP中实现动态下拉菜单赋值给文本框的功能。第一种方法利用了`...

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

    文本框动态下拉单,支持键盘选择struts2+ajax

    - `suggest.js`:这是项目中的自定义JavaScript文件,可能包含了针对文本框输入事件的监听和处理,以及与服务器的通信逻辑,用于实现键盘选择功能。当用户在文本框中输入时,这个脚本会触发Ajax请求,并显示从...

    简单的多级联动

    这通常涉及到向服务器发送AJAX请求,获取与新选择相关的数据,然后使用这些数据填充后续的下拉框。例如,当用户选择了一个省份后,可以向服务器发送请求获取该省份下的所有城市,然后用这些城市更新城市下拉框。 4....

    FineReport怎么进行表单设计.docx

    通过以上步骤,你就成功地使用FineReport设计了一个包含下拉框联动和数据过滤功能的表单。这个表单能够帮助用户方便地选择订单ID,并动态展示对应的客户ID和订单明细,提高了数据查询和管理的效率。

    下拉框前台条件查询

    为了与下拉框的选择联动,我们需要在选择项改变时执行查询逻辑。这可以通过监听`change`事件实现: ```javascript const conditionSelect = document.getElementById('conditionSelect'); conditionSelect....

    超简单的ajax+jsp实现2级联动!!

    在网页开发中,二级联动是一种常见的交互设计,通常用于下拉菜单或选择框,使得用户在选择一级选项后,二级选项会动态更新以提供相关的子选项。在这个"超简单的ajax+jsp实现2级联动"的例子中,我们将探讨如何利用...

    Easyui二级联动

    1. **数据格式**:确保服务器返回的数据格式与 `combobox` 要求的数据格式一致。 2. **错误处理**:在网络请求过程中可能出现各种异常,需要做好异常处理。 3. **用户体验**:合理设置加载提示,提高用户体验。 ...

    jQuery中ztree 点击文本框弹出下拉框的实例代码

    通过ztree的节点点击事件与下拉菜单显示隐藏的联动,实现了需求中的功能。在ztree中通过回调函数可以实现很多自定义的功能,比如节点的编辑、删除、新增节点、拖拽排序等。实际应用中可以根据具体需求灵活地使用...

    jQuery input文本框点击出现下拉选择框特效源码.zip

    此外,为了实现下拉选择框与输入框的联动,可能需要监听`change`或`click`事件在各个选项上,更新输入框的值,并执行相关回调函数: ```javascript $(".dropdown-option").click(function() { $("#inputId").val($...

    微信小程序下拉框搜索功能的实现方法

    在微信小程序开发中,下拉框搜索功能是一个常见的交互元素,尤其在用户需要从大量数据中筛选信息时显得尤为重要。本文将详细介绍如何实现这样一个功能,包括关键的代码结构和自定义方法。 首先,我们需要理解微信小...

    jQuery 下拉列表 二级联动插件分享

    在使用jQuery时,常常需要引入插件来扩展其基础功能,而二级联动下拉列表功能是网站中常见的用户交互元素。 本文介绍的jQuery.selected插件就是用来实现二级联动效果的工具,它允许开发者在网页上创建两个相关联的...

Global site tag (gtag.js) - Google Analytics