Question

真的有点奇怪的问题，但有没有办法创建一个显示文字的选择选项列表＆＃39;选择一个＆＃39;但是当你点击它时它实际上并没有下降？

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

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

由于

Answer 1

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很容易理解。

有没有办法创建一个默认值的选择列表，但没有下拉

1 个答案: