0

确实有点奇怪的问题，但是有没有办法创建一个显示文本“选择一个”的选择选项列表，但是当你点击它时它实际上并没有下拉？

原因是，我将所有选项封装在从 div 标签创建的显示中，根据内容的大小和页面上的显示区域正确显示。我想在触发时使用带有下拉箭头的选择框，但不希望它做任何其他事情。

这些是 .asp 页面。顶级标签上的 css 允许我设置宽度，但是我希望能够将标签上的宽度设置为更宽，类别的大标题，但不幸的是这不起作用。但是我最初想使用一个下拉框，以便最初它看起来像一个标准框，因为此类项目的样式是特定于浏览器的。

谢谢

4

1 回答 1

0

http://jsfiddle.net/iambriansreed/SEen2/

JavaScript

$('button').click(function(){
    $('div.options').show();
});​

HTML

<button type="button">
    <select>
        <option>Select One</option>
    </select>
    <div></div>
</button>

<div class="options" style="display: none;"> some other option window. </div>​

CSS

button {
    position: relative;
    border: none;
    background: none;
    padding: 0;
    outline: none;    
}
button div { 
    position: absolute;
    width: 100%;  
    z-index: 999;
    top: 0;
    bottom: 0;
}

所以一个疯狂的问题的疯狂解决方案。包裹在按钮中的选择只是给了我一个可点击的区域。该按钮可以很容易地成为一个 div 包装器，但无论如何。按钮中的 div 位于选择的顶部，以防止对选择的任何点击。

jQuery 简单易懂。

于 2012-04-27T01:26:19.203 回答