html5如何实现文本框下拉选项功能_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
html5如何实现文本框下拉选项功能
使用html5或者jQuery如何实现文本框下拉效果，如下图求大神详解最好有代码例子
可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，option 标签里用 value 属性填写内容，label 属性来做提示。下面是示例代码：&form action=&&& &input type=&text& list=&url_list& name=&text& /& &input type=&submit& /&&/form&&datalist id=&url_list&& &option label=&HZ赫兹工作室& value=&& /& &option label=&提示1& value=&列表项1& /& &option label=&提示2& value=&列表项2& /& &option label=&& value=&列表项3& /&&/datalist&HTML5之前一般使用select标签或者div+js实现
采纳率：41%
这个是js写的，如果你会jq代码，那我给你提供一下思路，如果不会那你就在网上搜一下“select框美化”。
会点jq代码，球大胜给个思路，最好能给个简单的代码
样式我就不说了，这个不用select，用普通的input，下面的弹出窗用一个div（默认隐藏），点击这个input，下面的显示。然后点击对应的值（如“北京”），那就将这个标签的text赋值给上面的input。思路就是这样，html和css懒得写。你先自己写着试试，用到的事件是click，方法有text()、show()、hide()就ok了，你如果不知道这些是干嘛的那就百度一下，很简单，会jq的就能写出来，不会再追问，会了就采纳吧
本回答被提问者采纳
为您推荐：
其他类似问题
html5的相关知识
换一换
回答问题，赢新手礼包js设置select下拉框里的某个值被选中selected&&&php
js设置select下拉框里的某个值被选中selected&&
=========================================================js===========================
//点击是否休假时自动更改替换时间的值 By Li
&&& function
change_leave_v(id){
//alert(123);
user_leave_v = document.getElementByIdx_x(id).
if(user_leave_v == 1){
document.getElementByIdx_x("strIN_Subtitute_Person_Value").value =
leave_class =
document.getElementByIdx_x("strIN_Subtitute_Person_Unit").
//alert(leave_class);
document.getElementByIdx_x("strIN_Subtitute_Person_Unit").value =
'MINUTES';
&&& }else{
document.getElementByIdx_x("strIN_Subtitute_Person_Value").value =
document.getElementByIdx_x("strIN_Subtitute_Person_Unit").value =
==========================================php==========================================
&td&是否休假&/td&
&td&否&input
type="radio" id="user_leave_0" name="user_leave"&
value="0" &?php if(!$nLeaveStatus)echo
"checked";?& onclick="change_leave_v(this.id)"
&& 是&input
type="radio" id="user_leave_1" name="user_leave" id="user_leave"
value="1" &?php if($nLeaveStatus) echo
"checked";?&
onclick="change_leave_v(this.id)"&
width="100"&替换时间:&/td&
&td&&input
name="strIN_Subtitute_Person_Value"
id="strIN_Subtitute_Person_Value" type="text" class="InputText"
style="width:50" value="&?php echo
$CUR_SUBTITUTE_PERSON_VALUE ?&"
&select name="strIN_Subtitute_Person_Unit"
id="strIN_Subtitute_Person_Unit" size="1" class="FormInput"
style="width:100"&&&&
&option &?php if
($CUR_SUBTITUTE_PERSON_UNIT == 'DAYS') echo 'selected';
?& value="DAYS"&&?php
echo $CONFIG_DAYS
?&&/option&
&option &?php if
($CUR_SUBTITUTE_PERSON_UNIT == 'HOURS') echo 'selected';
?& value="HOURS"&&?php
echo $CONFIG_HOURS
?&&/option&
&option &?php if
($CUR_SUBTITUTE_PERSON_UNIT == 'MINUTES') echo 'selected';
value="MINUTES"&&?php echo
$CONFIG_MINUTES
?&&/option&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。怎么用js 但在下拉框选中时，调用一个函数来给另外一个下拉框，另外的那个下拉框收到后，会显示对应的信息_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
怎么用js 但在下拉框选中时，调用一个函数来给另外一个下拉框，另外的那个下拉框收到后，会显示对应的信息
&select name=&QQ&&
&option&--请选择--&/option&
&option value=&1&&1&/option&
&option value=&2&&2&/option&
但我选中1或者2时 下面的下拉框会自动显示对应的信息（1对应3 2对应4）
&select name=&QQ1&&
&option&--请选择--&/option&
我有更好的答案
&QQ1&).value=&3&script&2&;script&gt:
document.getElementById(&后边加上id=&QQ1&;
}}&/QQ&QQ1&).value=&4&然后在第一个select上加onchange=&change(this.value)：&最后加一个change(num)函数，如下:
document.getElementById(&;
case &1&;function change(num){
switch(num)
case &，给name=&QQ1&quot给那个name=&QQ&后边加上id=&quot
采纳率：25%
vbw”保存。这时你选择“文件”菜单，弹出下拉框，选中“生成.dll”选项，就可以引用你刚才在那里面写的方法等，然后先中“ActiveX Dll”工程。生成以后是一个有好象齿轮状的图标。如果你要引用，它就会在上面弹出一个进度条“正在生成.dll文件”，然后开始编辑。编完后，保存一般是以“.cls”和“.dll”的文件名，在前面的复选框中打勾，找到你刚才的“，就开一个“标准EXE”工程，然后在“工程”选项中，单击“引用”你先打开VB
function changeo(){var a=document.getElementById(&QQ&).options.var a1=document.getElementById(&QQ1&).options. if(a==&2&){
document.getElementById(&QQ1&).options.value=&4& }else{
document.getElementById(&QQ1&).options.value=&3& }}
为您推荐：
其他类似问题
您可能关注的内容
下拉框的相关知识
换一换
回答问题，赢新手礼包JS操作select下拉框动态变动(创建/删除/获取)
字体：[ ] 类型：转载 时间：
动态创建及删除select、添加及删除选项option、获得选项option的值、获得选项option的文本等等，感兴趣的朋友可以参考下哈
1.动态创建select
代码如下: function createSelect(){ var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); }
2.添加选项option
代码如下: function addOption(){ //根据id查找对象， var obj=document.getElementByIdx_x('mySelect'); //添加一个选项 obj.add(new Option("文本","值")); }
3.删除所有选项option
代码如下: function removeAll(){ var obj=document.getElementByIdx_x('mySelect'); obj.options.length=0; }
4.删除一个选项option
代码如下: function removeOne(){ var obj=document.getElementByIdx_x('mySelect'); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedI obj.options.remove(index); }
5.获得选项option的值
代码如下: var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedI //序号，取当前选中选项的序号 var val = obj.options[index].
6.获得选项option的文本
代码如下: var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedI //序号，取当前选中选项的序号 var val = obj.options[index].
7.修改选项option
代码如下: var obj=document.getElementByIdx_x('mySelect'); var index=obj.selectedI //序号，取当前选中选项的序号 var val = obj.options[index]=new Option("新文本","新值");
8.删除select
代码如下: function removeSelect(){ var mySelect = document.getElementByIdx_x("mySelect"); mySelect.parentNode.removeChild(mySelect); }
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具js中 下拉框怎么隐藏某一个option_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
js中 下拉框怎么隐藏某一个option
要怎么实现遍历一个某个值&的时候，让mySelect.options[i]这个选项隐藏（不是移除）或者显示.text==&quot，如果mySelect.options[i]
我有更好的答案
/option& &type=&text/javascript&option&用的&/script&&;(i,el)&&&/option& &注意：引用了本地jquery.js&--&&/head&/option&&/select&/body&&/html&head&22&select&&script&nbsp!--&option&gt.hide();
} })})&/script&&javascript&&33&//某个值 mySelect.each(function&$(function(){ var&mySelect=$(&#select&option&); var&num=&33&;id=&select&& &meta&body&11&lt.text()==num){
$(this);charset=&option&html&html&&&{
if($(el);utf-8&&&script&src=&js/jquery.js&&language=&!doctype&&&lt&lt
采纳率：87%
对应的选项增加style=&display:&
display:none
是要在js里改变它的样式的，该怎么写？mySelect.options[i].style.display = &none&;这样是不行的，不出效果。
none&quot。如设置样式.display = &quot：mySelect.options[i].style，隐藏它就可以了
我一开始就是这样写的，这样不行，隐藏不掉。我是先得到name=&aaa&的select集合，就是用的document.getElementsByName方法然后遍历这个集合，然后遍历这个集合中每一个select的option，最后满足条件的隐藏掉。
本回答被网友采纳
1条折叠回答
为您推荐：
其他类似问题
下拉框的相关知识
换一换
回答问题，赢新手礼包}