Jquery 根据上述div更改select的宽度_Jquery_Javascript

Jquery 根据上述div更改select的宽度

jquery javascript

Jquery 根据上述div更改select的宽度,jquery,javascript,Jquery,Javascript,我有一个消息框，它应该显示在一个选择。它的行为应该像选择的选项一样。而且它应该有选择的右箭头 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>DivSelectWrapper

我有一个消息框，它应该显示在一个选择。它的行为应该像选择的选项一样。而且它应该有选择的右箭头

    <!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>


DivSelectWrapper
#消息框{
位置：绝对位置；
空白：nowrap；
宽度：50px；
}
.fancyListBox{
位置：相对位置；
}
这是我的留言
DD
数据自动处理文摘
DSD
DWD
数据自动处理文摘
DRD

好的，如果这是一个“隐藏问题”的游戏，你赢了。你的问题是。。。？你不能期望有人免费为你工作。