标签: html-select

我有一个HTML选择框,我需要设置样式.我更喜欢使用CSS,但如果必须,我将使用jQuery填补空白.

有人可以推荐一个好的教程或插件吗？

我知道,谷歌,但我一直在寻找最后两个小时,我找不到满足我需求的东西.

它需要是:

• 与jQuery 1.3.2兼容
• 无障碍
• 不显眼的
• 完全可定制选择框的每个方面的样式

有谁知道任何能满足我需求的东西？

我有一个<SELECT multiple>具有多个选项的字段,我想允许它同时只选择一个选项,但用户可以按住CTRL键并一次选择更多项目.

有什么方法可以做到吗？(我不想删除'倍数').

我的代码在IE中工作但在Safari,Firefox和Opera中断.(大惊喜)

document.getElementById("DropList").options.length=0;

搜索之后,我了解到length=0它不喜欢它.
我试着...options=null和var clear=0; ...length=clear具有相同的结果.

我一次对多个对象这样做,所以我正在寻找一些轻量级的JS代码.

我想知道Select-Option和Datalist-Option之间的区别.是否存在使用其中一种更好的情况？每个例子如下:

选择 - 选项

<select name="browser">
<option value="firefox">Firefox</option>
<option value="ie">IE</option>
<option value="chrome">Chrome</option>
<option value="opera">Opera</option>
<option value="safari">Safari</option>
</select>

数据列表,期权

<input type=text list=browsers>
<datalist id=browsers>
  <option value="Firefox">
  <option value="IE">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

我有选择元素,我想删除箭头,然后我可以添加其他图标..我可以为Firefox Safari和Chrome做到这一点,但这在IE9上不起作用.

.styled-select select 
{
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
    background: url('select_icon.png')  no-repeat;
     background-position: 179px 7px;
     text-indent: 0.01px;
     text-overflow: "";
     color: #FCAF17;
     width:200px;
 }

查阅小提琴上的IE9.所有我需要的是移除ie9中的箭头请JSFIDDLE回答.

我是HTML和PHP的新手,想要从mysql表中实现一个下拉菜单并进行硬编码.我的页面中有多个选择,其中一个是

<select name="tagging">
    <option value="">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

问题是现在用户也可以选择"选择标记"作为他的标记,但我只想让他从可用的三个中进行选择.我用disable作为

<select name="tagging">
    <option value="" disabled="disabled">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

但现在"选项A"成为默认选项.所以我想默认设置"选择标记",也想从选择中禁用它.这是一种方法吗？同样的事情需要用其他选择来完成,它将从Mysql中获取数据.任何建议都会令人感激.

是否可以使用JavaScript打开HTML选项以显示其选项列表？

我有一个select盒子,我试图select在单击该框时更改选项的背景颜色并显示所有选项.

见小提琴

HTML:

<select>
    <option val="">Please choose</option>
    <option val="1">Option 1</option>
    <option val="2">Option 2</option>
    <option val="3">Option 3</option>
    <option val="4">Option 4</option>
</select>

CSS:

select{
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

在表单上,​​我有一个选择和两个输入字段.这些元素垂直对齐.不幸的是,我无法获得这些元素的相等宽度.

这是我的代码:

<select name="name1" style="width:198px">
  <option>value1</option>
  <option>value2</option>
</select><br/>
<input type="text" name="id1" style="width:193px"><br/>
<input type="text" name="id2" style="width:193px">

对于上面的例子,select元素的最佳宽度是198或199 px(当然我尝试了193px,但差别很大).我认为,这取决于各种计算机和浏览器的分辨率,因为这些元素没有相同的宽度(有时我认为差异大约是1或2像素).我试图在div或table行中设置这些元素,但它没有帮助.

问:我如何才能获得这些元素的精确宽度？

我有一个select最初显示选择语言,直到用户选择一种语言.当用户打开选择时,我不希望它显示选择语言选项,因为它不是实际选项.

我怎样才能做到这一点？