0

私はメッセージボックスを持っています。選択内に表示する必要があります。選択のオプションであるかのように動作する必要があります。また、選択の右矢印が必要です

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>DivSelectWrapper</title>
    <style>
        #messageBox{
            position: absolute;
            white-space: nowrap;
            width: 50px;
        }
        .fancyListBox{
            position:relative;
        }
    </style>
    </head>

<body>
    <div class="fancyListBox">  
        <div id="messageBox">This is my message</div>
        <select id="select">
            <option>DD</option>
            <option>DAD</option>
            <option>DSD</option>
            <option>DWD</option>
            <option>DAD</option>
            <option>DRD</option>
        </select>
    </div>
    <input type="submit" onClick="fChangeData()" text="testDivWrap"/>
</body>

4

0 に答える 0