javascript-select选择框选值的问题

问题描述

select选择框选值的问题
<input id="mylesson" type="text">
<select id="lesson">
<option>数学</option>
<option>英语</option>
<option>语文</option>
<option>政治</option>
<option>物理</option>
<option>化学</option>
</select>

请问该如何写函数能使当input有输入值时,select选择框的值自动变为input输入的值。比如在input输入“物理”,select选择框就显示“物理”。我用了document.getElementById("lesson").value = document.getElementById.value行不通。谢谢。

解决方案

请问一下这是一个什么功能?
本身下拉列表就提供了选择,为什么还要自己手动输入内容,然后去下拉列表里面匹配。

时间: 2024-11-02 04:50:00

javascript-select选择框选值的问题的相关文章

基于JQuery的Select选择框的华丽变身_jquery

不过这种情况可能是一去不复返了,如果你猜测是使用HTML5技术, 那就错了,在中国,使用IE6浏览器的人仍占绝大大多数,这种古老的浏览器是不认识HTML5的. 我现在推荐的是一款JavaScript插件,它有JQuery和Prototype两种版本,支持所有类型的浏览器.使用它后,你的页面上的select选择框会变的漂亮的让你大吃一惊,下面是使用前和使用后的对比效果图. 单选模式: 多选模式: 更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面. 具体的用法非常简单,你只需要在se

基于jquery实现select选择框内容左右移动添加删除代码分享_jquery

本文实例讲述了select选择框内容左右移动添加删除.分享给大家供大家参考.具体如下: select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动.多选移动和一键全部移动! 运行效果图:                                  ----------------------查看效果----------------------- 小提示:浏览

JS简单设置下拉选择框默认值的方法_javascript技巧

本文实例讲述了JS简单设置下拉选择框默认值的方法.分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = objSelect.options; if(options){ var len = options.length; for(var i=0;i<len;i++){ if(options[i].value == targ

AngularJS入门教程之Select(选择框)详解_AngularJS

AngularJS Select(选择框) AngularJS 可以使用数组或对象创建一个下拉列表选项. 使用 ng-options 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://a

Javascript实现鼠标框选操作 不是点击选取_javascript技巧

本文实例为大家分享了Javascript实现鼠标框选操作,绝不是点击选取,供大家参考,具体内容如下 效果图: 代码: <html> <head></head> <style> body{padding:100px;} .fileDiv{float:left;width:100px;height:100px;text-align:center;line-height:100px;font-size:12px;border:1px solid #ccc;marg

js实现select选择框效果及美化_javascript技巧

网上有各种各样的关于 select 选择框的美化,找了很多,并没有好的样式效果.所以就找了一个利用 ul li 做的类似 select 选择框的效果,不废话了,先上图,效果如下: 点击一个 test ,就会把列表显示出来,再次点击,列表隐藏,选择一个 li ,就会把 span 里的内容替换成 li 的内容,然后可以用 js 监控 span 的变化,然后执行你的代码.效果如下:  html 代码如下:  <div id="type" class="test"&g

js-选择框可以不选择,但是不选择选择框的值,就必须手动在另外一个input框手写所需要的值

问题描述 选择框可以不选择,但是不选择选择框的值,就必须手动在另外一个input框手写所需要的值 需求如图: 要是不选择请求人后面的那两个选择框,怎么添加一个input框手动添加值. 解决方案 后台判断下就可以了,也可以在onblur判断 解决方案二: 直接js判断,执行onblur(),当select为空的时候直接调js自定义的方法创建h或者显示事先隐藏)input<>;当下拉选择了,再删除或者隐藏了.都不需要走后台了.

JavaScript实现选择框按比例拖拉缩放的方法_javascript技巧

本文实例讲述了JavaScript实现选择框按比例拖拉缩放的方法.分享给大家供大家参考.具体如下: 这里通过javascript实现可以像PS一样拉出一个选择框的效果.里面的很多方法都是我们值得学习的. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

优化 加载 select-在做Web开发,select选择框的内容是表的外键,如何优化使得页面加载的速度变快

问题描述 在做Web开发,select选择框的内容是表的外键,如何优化使得页面加载的速度变快 (手机端网页)两张表:User表,Artical表.User表是Artical表的外键,我需要在页面上添加数据,但Username表里的内容很多,select选择框加载很慢,并且这个select可以不显示. 求解怎么进行优化?