js下拉菜单怎么设置（js使用DOM设置单选按钮、复选框及下拉菜单的方法）

本文目录

• js使用DOM设置单选按钮、复选框及下拉菜单的方法
• 请问用js如何控制下拉框呢
• 前端javascript怎么select下拉菜单
• js怎么实现点击文本框出现下拉菜单，并且有补充的功能
• 关于JavaScript的生成下拉菜单代码

js使用DOM设置单选按钮、复选框及下拉菜单的方法

本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下：
1.设置单选按钮
单选按钮在表单中即《input
type=“radio“
/》它是一组供用户选择的对象，但每次只能选一个。每一个都有checked属性，当一项选择为ture时，其它的都变为false.
先贴上一个例子：
复制代码
代码如下:《script
type=“text/javascript“》

function
getChoice()
{
var
oForm
=
document.forms[“uForm1“];
var
aChoices
=
oForm.camera;
for
(i
=
0;
i
《
aChoices.length;
i++)
//遍历整个单选项表

if
(aChoices[i].checked)
//如果发现了被选中项则退出
break;
alert(“相机品牌是：“
+
aChoices[i].value);

}

function
setChoice(iNum)
{
var
oForm
=
document.forms[“uForm1“];
oForm.camera[iNum].checked
=
true;

}
《/script》
《form
method=“post“
name=“uForm1“
action=“addInfo.aspx“》

相机品牌：

《p》
《input
type=“radio“
name=“camera“
id=“canon“
value=“Canon“》
《label
for=“canon“》Canon《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“nikon“
value=“Nikon“》
《label
for=“nikon“》Nikon《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“sony“
value=“Sony“
checked》
《label
for=“sony“》Sony《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“olympus“
value=“Olympus“》
《label
for=“olympus“》Olympus《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“samsung“
value=“Samsung“》
《label
for=“samsung“》Samsung《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“pentax“
value=“Pentax“》
《label
for=“pentax“》Pentax《/label》

《/p》

《p》
《input
type=“radio“
name=“camera“
id=“others“
value=“其它“》
《label
for=“others“》others《/label》

《/p》

《p》
《input
type=“submit“
name=“btnSubmit“
id=“btnSubmit“
value=“Submit“
class=“btn“》

《/p》

《p》
《input
type=“button“
value=“检测选中对象“
onclick=“getChoice();“》
《input
type=“button“
value=“设置为Canon“
onclick=“setChoice(0);“》

《/p》
《/form》

请问用js如何控制下拉框呢

《select id=“Select1“ disabled=“disabled“ runat=“Server“ onchange=“checkct(this)“》
《option id=frist name=frist selected=“Selected“》请选择《/option》
《option》1《/option》
《option》2《/option》
《option》3《/option》
《option》4《/option》
《/select》
在js中加入document.getElementById(“frist“).selected=“Selected“;

前端javascript怎么select下拉菜单

判断select选项中 是否存在Value=“paraValue“的Item
向select选项中 加入一个Item
从select选项中 删除一个Item
删除select中选中的项
修改select选项中 value=“paraValue“的text为“paraText“
设置select中text=“paraText“的第一个Item为选中
设置select中value=“paraValue“的Item为选中
得到select的当前选中项的value
得到select的当前选中项的text
得到select的当前选中项的Index
清空select的项

js怎么实现点击文本框出现下拉菜单，并且有补充的功能

不是点击事件 是键盘每输入一个字母触发一次（onkeyup触发事件）先设置一个隐藏框《div》《/div》（div的css样式display设为none）设置宽高 定好位置 每次触发更改div的display为块儿（block）
document.getElementById(“div的id”).style.display=“block“ 同时获取文本框值document.getElementById(“input的id”).value赋给一个变量 用ajax后台连接数据库显示出（echo）和你输入的字符匹配的数据 放到一个表格里 把返回的http.responseText写入到div框中document.getElementById(“div的id”).innerHTML=http.responseText

关于JavaScript的生成下拉菜单代码

既然是下拉式菜单嘛
肯定不会只有JS
语句嘛
起码要有一些HTML的标签哦
记住一点
JS
菜单是
动态的管理HTML和CSS的
HTML
静态显示
CSS
管理HTML的显示效果
javascript
在浏览器上动态的管理HTML和CSS以及一些操作
你也没有把全部代码写出来
估计也没什么好回答的
除非人家给你一个现成的代码
我给你说说下拉式菜单的实现原理吧
任何HTML的标签都有个style属性..这里可以设置CSS属性
就是控制这个标签的样式属性..里头有个属性叫display
当这个display的值是none的时候..这个标签在浏览器上就不会显示,但是浏览器会读取它的数据
只是不展示给用户而已
下拉式菜单,说白了就是你点一下菜单,弹出一个子菜单而已..有点编程的基础就知道该怎么做啦..
事先设置好你要显示的子菜单,并在它的HTML属性里加一个
style=“display:none;“意思就是告诉浏览器这个标签的所有内容都不显示
然后javascript语句
获得那个标签之后呢.比如e就是JS代码中对这个标签的对象引用啦
设置e.style.display=’’;//空就表示是默认了,而默认是要显示的
那么这个标签就会显示了呀..这个JS
代码你可以作为一个事件处理程序中的一部分..放在onclick里
就形成了点一下按钮才弹出那个菜单了噻....
要是你点都不懂编程
肯定不明白我说的啥子
要做这个下拉菜单..起码要懂HTML
javascript
和CSS的一些最基本基础