html multiple select

最新推荐文章于 2021-06-07 13:48:27 发布

原创最新推荐文章于 2021-06-07 13:48:27 发布 · 162 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #JavaScript #F# #ViewUI

本文介绍了一个使用HTML和JavaScript实现的选项转移功能。通过两个下拉框的选择和按钮操作，可以实现选项从一个下拉框到另一个下拉框的移动，并提供了相应的脚本代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table>
    <tr>
       <td>
        <select multiple="multiple" size="15" style="width=200px" id="selectsrcid">
        <option value="0">aaa</option>
        <option value="1">bbb</option>
   <option value="2">c</option>
    <option value="3">d</option>
     <option value="4">e</option>
      <option value="5">f</option>
    <option value="6">g</option>
     <option value="7">h</option>
      <option value="8">i</option>
        </select>
        </td>
         <td>
          <input type="button" value=" >> " onclick="javascript:srcToDest('selectsrcid','selectdestid')">
     <br>
     <input type="button" value=" << " onclick="javascript:destToSrc('selectdestid')">
     </td>
     <td>
      <select multiple="multiple" size="15" style="width=200px" id="selectdestid">

</select>

<input onclick="aa();"> sss</input>
</td>
    </tr>
</table>
</BODY>
</HTML>

}
}
}


//删除单个选项
function removeoption(objectid,textvalue,optionsvalue)
{
var optionsSubObjects=document.getElementById(objectid);
for(var o=0;o<optionsSubObjects.length;o++)
{
var optionsvalue_sub=optionsSubObjects.options[o].text;
if(optionsvalue_sub==textvalue)
optionsSubObjects.options.remove(o);
}
}

</script>