`
youlong05
  • 浏览: 147595 次
  • 性别: 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>
分享到：
| htmalarea 的使用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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插件就是用来实现二级联动效果的工具，它允许开发者在网页上创建两个相关联的...

Magicbox
Global site tag (gtag.js) - Google Analytics