标签: html-select

如何使用CSS设置<option>的样式?

注意:此问题与制作自定义下拉列表无关.它只是关于<option>CSS中select元素中样式元素的可能性

如何使用跨浏览器兼容性<option>来设置<select>元素的样式?我知道很多JavaScript方法可以自定义下拉列表以进行转换<li>,我不会问.

<select class="select">
    <option selected>Select</option>
    <option>Blue</option>
    <option >Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我问的是,只有CSS可以实现什么,兼容IE9 +,Firefox和Chrome.

在此输入图像描述

我希望这样或尽可能接近样式.

在此输入图像描述

我在这里试过http://jsfiddle.net/jitendravyas/juwz3/3/,但除了字体颜色外,Chrome没有显示任何样式,而Firefox则显示更多.如何在Chrome中获得边框和填充功能?

css html-select css3

100
推荐指数
1
解决办法
32万
查看次数

使用jQuery隐藏选择列表中的选项

我有一个对象,我想要隐藏/删除选择列表中的键/值对选项.以下选项都不起作用.我错过了什么?

$.each(results['hide'], function(name, title) {                     
  $("#edit-field-service-sub-cat-value option[value=title]").hide();
  $("#edit-field-service-sub-cat-value option[@value=title]").hide();
}); 
Run Code Online (Sandbox Code Playgroud)

jquery html-select

96
推荐指数
9
解决办法
32万
查看次数

一个更好的Django管理员ManyToMany Field Widget

我发现Django Admin的默认models.ManyToManyField小部件使用起来很麻烦.这是HTML选择元素,如果你有很多"其他"模型的对象,那么实际找到你想要与"this"对象关联的"其他"对象是非常不切实际的.如果你有很多 "其他"模型的对象,它似乎甚至会减慢管理页面的渲染速度.

我知道我可以构建我自己的自定义管理窗口小部件并将其应用到我ManyToManyFields认为合适的位置,但是有没有我可能会使用的预构建的窗口小部件?在我的梦中,我想象一个自动完成的文本输入HTML小部件.这在Django管理框架中是否实用/可行?

谢谢.

javascript django html-select django-admin

96
推荐指数
2
解决办法
3万
查看次数

从select元素中选择选项

我试图从下拉列表中获取所选选项,并使用该文本填充另一个项目,如下所示.IE正在咆哮,它在Firefox中不起作用:

$('#ddlCodes').change(function() {
  $('#txtEntry2').text('#ddlCodes option:selected').text();
});
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

jquery html-select

94
推荐指数
3
解决办法
25万
查看次数

进行多重选择以调整其高度以适应没有滚动条的选项

显然这不起作用:

   select[multiple]{
     height: 100%;
   }
Run Code Online (Sandbox Code Playgroud)

它使选择具有100%的页面高度...

auto 也不起作用,我仍然得到垂直滚动条.

还有其他想法吗?

在此输入图像描述

html css html-select

90
推荐指数
8
解决办法
15万
查看次数

如何在Select Option中使用Checkbox

客户端给了我一个设计,其中有一个Select Option菜单,其中包含一个复选框以及项目名称作为列表中的单个项目.有没有可能在Select Option菜单中添加一个复选框?

注意:开发人员需要添加自己的ID才能使菜单生效,如果可能,我只需要HTML CSS代码.

html javascript css html-select

87
推荐指数
6
解决办法
43万
查看次数

HTML选择框的高度(下拉列表)

有人可以确认其能够改变,当你点击一个选择框,显示一个下拉的高度.

select的size属性使它看起来像一个列表,CSS中的height属性也不会很好.

html html-select

82
推荐指数
4
解决办法
13万
查看次数

带有默认空选项的ASP.NET MVC下拉列表

如果下拉列表没有选定值,是否有办法包含默认的空选项(或文本)?

asp.net-mvc html-select html.dropdownlistfor

79
推荐指数
2
解决办法
7万
查看次数

按值排序Html选择选项的最有效方法是什么,同时保留当前选定的项目?

我有jQuery,但我不确定它是否有任何内置的排序助手.我可以让每个项目的一个二维数组text,valueselected属性,但我不认为JavaScript的内置Array.sort()将正常工作.

javascript arrays sorting jquery html-select

77
推荐指数
6
解决办法
9万
查看次数

HTML SELECT - 使用JavaScript更改VALUE选定的选项

SELECT下拉列表中可以有许多选项.

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>
Run Code Online (Sandbox Code Playgroud)

我正在创建一个更新配置文件页面,其中从数据库中检索用户的配置文件,并显示带有这些值的表单.关于SELECT下拉菜单,有很多选择.所以,它繁琐的测试所有价值观

if (value == '1')
    echo "<option selected value='car'>1</option>";`
Run Code Online (Sandbox Code Playgroud)

所以,我想从其值中选择相应的选项.就像我sel.value = 'bike'使用JavaScript一样,应该选择选项2.

html javascript html-select

69
推荐指数
3
解决办法
27万
查看次数