html 可編輯的下拉框

本文轉載自查看原文 2018-10-22 14:53 2452 前端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
            <title>可編輯下拉框</title>
        <meta charset="UTF-8" />
        <style type="text/css">
        /*input css*/
        .iInput{
            position: absolute;
            width: 99px;
            height: 16px;
            left: 1px;
            top: 2px;
            border-bottom: 0px;
            border-right: 0px;
            border-left: 0px;
            border-top: 0px;
        }
        </style>
</head>
<body>

        <div style="position:relative;">
              <select style="width:120px;"
                      onchange="document.getElementById('input').value=this.value">
                <option value="A類">A類</option>
                <option value="B類">B類</option>
                <option value="C類">C類</option>
                <option value="D類">D類</option>
              </select>
              <input id="input" name="input" class="iInput">
        </div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 自制jquery可編輯的下拉框 angularJS實現可編輯的下拉框 bootstrap可編輯下拉框jquery.editable-select jquery實現可編輯的下拉框( input + select ) jQuery打造智能提示插件二（可編輯下拉框） antd + vue 點擊編輯文本切換成可編輯狀態（附下拉框） c# DataGridView中實現ComboBox可編輯的下拉框功能 ASP .NET 可編輯，輸入自動匹配選項的下拉框經歷：如何設置jquery easyui中下拉框不可編輯 vxe-table 可編輯表格使用日期框、下拉框被el-ui dialog遮擋