JavaScript脚本——设置文本框为列表框选中的当前值

最新推荐文章于 2021-09-17 14:24:53 发布
原创 最新推荐文章于 2021-09-17 14:24:53 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #脚本 #function #input

本文介绍了如何通过JavaScript获取输入框的值，并将这些值赋给下拉菜单选项的文本。这涉及到DOM操作，具体包括遍历所有输入框元素、检查名称是否为text1、获取下拉菜单的选定选项并将其文本属性赋给输入框的值。
function getauvalue()
{
    el=document.all.tags("INPUT");
    for(i=0;i <el.length;i++)
        if (el[i].name== "text1")  
        el[i].value=document.getElementById("select1").options[document.getElementById("select1").selectedIndex].innerText;
}
JavaScript 动态网页实例 —— 框架操作
cccloveforever的博客
06-06 1538
框架是一种可以操作的特殊窗口，当一个浏览器窗口包含多个框架的时候，可以使用window.fames[]对每个隔开的窗口对象进行访问。window.fames[]是一个数组，包含了窗口中的每个框架。本文主要介绍框架的访问、嵌套框架(内联框架)、框架间的交叉通信、嵌套框架间的交叉通信等内容。
JavaScript操作表单元素：文本框、单选按钮、下拉列表、复选框
pan_junbiao的博客
08-07 1647
表单元素在HTML页面中起着非常重要的作用，是用户与网页交互信息的重要手段。下面将介绍一些常用的使用JavaScript操作表单元素的方法。 1、表单（form） 1.1 使用JavaScript脚本提交form表单 //提交表单 myForm.method = 'POST'; myForm.action = "action.html"; myForm.submit(); 1.2使用J...
JS设置下拉列表框当前所选值
fengyee_zju的专栏
12-15 3548
1. function setSelectOption(objId, targetValue){      //objid：下拉列表框的ID；targetValue：当前所选值   var obj = document.getElementById(objId);   if(obj){     var options = obj.options;     if(options){
js中input文本框设置和移除默认值
windyf2013的博客
07-17 2462
这里想实现的效果是：设置和移除文本框默认值，如下图鼠标放到文本框中的时候，灰字消失。 1.可以通过事件的方式，就是给input文本框加上onfocus属性，如下代码： <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索" οnfοcus='if(this.value=="请输入关键字进行搜索"){this.value="";}; ' ...
JavaScript（杜）
cygzsw的博客
09-17 531
JavaScript（杜） 什么是javascipt，有什么用？ javascript是运行在浏览器上的脚本语言，简称JS Java运行在JVM当中，JavaScript运行在浏览器的内存当中 JavaScript程序不需要程序员手动编译，编写完源代码之后，浏览器直接打开解释执行。 JavaScript的”目标程序“以普通文本形式保存，这种语言都叫做”脚本语言“ java的目标程序以.class形式存在，不能使用文本编辑器打开，不是脚本语言 JSP：JavaServer Pages(隶属于java语言，运行
HTML 如何获取输入框的值
热门推荐
CherryChen
12-26 8万+
前沿非常非常久的时间没有写html了，一直做原生混合html的开发，很多时候都需要自己写一个html页面，然后调用android中写的js方法进行测试，最近在研究返利网的返利模式，需要自己写一个html，有一个输入框，然后获取到输入框的值，进行安装判断，然后跳转，很久没写，html都不会写了，下面是存着方便后期自己忘记的时候再次使用。1.如何写一个输入框//依稀来记得之前老师说的，id唯一，name
点击按钮后 文本框变为Select下拉列表框
01-19
在本节内容中，我们将会详细探讨如何在不同编程语言和平台上实现一个功能，即当用户点击一个按钮后，页面上的一个文本框会转变为一个下拉列表框（Select）。此功能常见于网页设计和前端开发，需要对HTML、JavaScript...
JavaScript如何实现组合列表框中元素移动效果
10-22
而组合框则结合了文本框和列表框的功能，用户既可以输入自定义值，也可以从预设的选项中选择。在HTML中，`<select>`标签用于创建列表框或组合框，通过设置`<select>`的`multiple`属性可以创建多选列表框。 要实现...
JavaScript实现日期输入文本框功能
JavaScript 日期输入文本框是一种在网页表单中广泛使用的用户界面组件，其核心目标是提升用户在输入日期时的准确性与便捷性。通过结合 JavaScript 编程语言的强大功能与 HTML 文本框元素的灵活性，开发者能够构建出...
JS 设置下拉列表的值（设置选中项）
aphy358的博客
11-19 2万+
在js代码里设置一个下拉列表选中项的方法如下： var obj = document.getElementById('selAppType'); $.each(obj .options, function (i, n) {     if (n.value === 'hello') {         n.selected = true;     } });
JavaScript动态添加文本框
Index.html
03-04 5761
document.getElementById('new').onclick = function() { var input = document.createElement('input'); var tr = document.createElement('tr'); var td = document.createElement('td');
javascript execCommand,复文本框神器
叶兴胜
03-25 1258
javascript execCommand,复文本框神器 2014年8月26日 10716次浏览 下面我们来介绍一下javascript execCommand方法，可以说javascript execCommand是复文本框必不可少的方法。今天上午的文章js复文本函数，是用自己封装的函数方法来写的，通常项目中一般不这么写，复文本加粗，倾斜，下划线，字体等等方法，大多是用docu
如何在文本框中显示下拉列表的选中的值
zgqtxwd的专栏
05-01 1268
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
js控制默认选择下拉框第一个
杨咩咩
05-31 8317
$("#publishDataSource option:first").prop("selected",'selected');
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leeshuqing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值