select 下拉列表相关的问题

最新推荐文章于 2024-04-10 18:10:27 发布

fengyhj

最新推荐文章于 2024-04-10 18:10:27 发布

阅读量361

点赞数

文章标签： function input class

本文链接：https://blog.csdn.net/fengyhj/article/details/7025848

版权

一.下拉列表多选

例子：

select 的multiple属性可以设置该下拉框是多选或者单选。multiple="multiple"以后，按住ALT键就可以多选了。

</select>

二.下拉列表可选可编辑

自定义函数: ShowToText (将列表项中的值传递给文本)
function ShowToText (){

document.form_name.textfield_name.value=document.form_name.select_name.options

[document.form_name.select_name.selectedIndex].value;
}

自定义函数:ChangeWidth (动态改变文本框和下拉列表框的宽度，num为状态切换的判断参数)
function ChangeWidth(num){

       if(num==1){
         eval(document.form_name.textfield_name.style.width=0);
         eval(document.form_name.select_name.style.width=180);
       }else{
         eval(document.form_name.textfield_name.style.width=160);
         eval(document.form_name.select_name.style.width=20);

       }

}

<form name="form_name" >
     <input type="text" name="textfield_name" style="width: 160">
            <select class="combox" name="select_name" style="width: 20" onChange="ShowToText();ChangeWidth(2)"

        onMouseMove="ChangeWidth(1)" onBlur="ChangeWidth(2)">
            <option></option>
            <option value="车载机一厂">车载机一厂</option>
            <option value="车载机二厂">车载机二厂</option>
         </select>