标签: drop-down-menu
如何在yii2中创建一个下拉列表？
如何使一个dropdown在yii2使用activeform和模式？由于所有方法都已改变yii2,如何在新的方法中完成？
推荐指数
解决办法
查看次数
在CSS中将文本和选择框对齐到相同的宽度？
好吧,这似乎是不可能的.我有一个文本框和一个选择框.我希望它们的宽度完全相同,因此它们在左边距和右边距上排列.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input, select {
width: 200px;
}
</style>
</head>
<body>
<input type="text" value="ABC"><br>
<select>
<option>123</option>
</select>
</body>
</html>
那就是你想的,对吗？不.Firefox中的选择框缩短了6个像素.见截图.
好吧,让我们编辑代码并制作两种样式.
<style type="text/css">
input {
width: 200px;
}
select {
width: 206px;
}
</style>
好的,有效!
哦等等,在Chrome中更好的测试......
有人能告诉我如何在所有浏览器中排列这些内容吗？为什么我不能只做宽度:200px,为什么所有的浏览器都以不同的方式显示它？另外,当我们处理它时,为什么文本框和选择框的高度不同？我们如何让它们达到同样的高度？尝试过高度和线高并没有用.
解:
好的,我已经从下面的答案中找到了解决方案.关键是使用box-sizing:border-box属性,以便在指定包含边框和填充的宽度时使用.见这里优秀的解释.然后浏览器无法填充它.
代码如下,还将框的高度设置为相同的大小,并缩小框内的文本,使其对齐.你还需要设置边框,因为Chrome有一个非常奇怪的边框,它用于选择框,这会抛出对齐.这适用于HTML5网站(例如支持IE9,Firefox,Chrome,Safari,Opera等).
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input, select {
width: 200px;
border: 1px solid #000;
padding: 0;
margin: 0;
height: 22px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input …推荐指数
解决办法
查看次数
我可以使用jQuery打开下拉列表吗？
对于HTML中的下拉列表:
<select id="countries">
<option value="1">Country</option>
</select>
我想打开列表(与左键单击相同).这可能是使用JavaScript(或更具体的jQuery)吗？
推荐指数
解决办法
查看次数
如何在Rails中为collection_select设置HTML选项？
我似乎无法找到将类添加到由Rails生成的select标记的语法collection_select.一些帮助？
推荐指数
解决办法
查看次数
添加幻灯片效果以引导下拉列表
推荐指数
解决办法
查看次数
单击时引导程序下拉关闭
我在一个bootstrap下拉列表中放了一个表单,但是当我单击表单中的任何字段时,下拉列表就会消失.我有这段代码,但我不知道在哪里放置它以防止下拉消失.
$(function test() {
// Setup drop down menu
$('.dropdown-toggle').dropdown();
// Fix input element click problem
$('.dropdown input, .dropdown label').click(function(e) {
e.stopPropagation();
});
});
有人可以告诉我应该把它放在哪里吗？我尝试了bootstrap-dropdown,我在HTML中试过但它仍然无效.
推荐指数
解决办法
查看次数
如何以rails形式下拉<select>字段？
我正在创建一个脚手架 -
rails g scaffold Contact email:string email_provider:string
但我希望电子邮件提供商是一个下拉列表(使用gmail/yahoo/msn作为选项),而不是文本字段.我怎样才能做到这一点 ？
ruby-on-rails input selectlist ruby-on-rails-3 drop-down-menu
推荐指数
解决办法
查看次数
Rails为国家选择下拉？
我想知道是否有一些已经内置的功能用于rails,这样它就会创建一个包含所有美国状态的选择下拉列表,所以我不必手动输入它.我在网上搜索但我找不到任何东西.有关如何做的任何建议我不必手动输入所有状态？
推荐指数
解决办法
查看次数
DropDownList中的ListItems属性在回发时会丢失吗？
一位同事告诉我这个:
他有一个DropDownList和一个网页上的按钮.这是背后的代码:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ListItem item = new ListItem("1");
item.Attributes.Add("title", "A");
ListItem item2 = new ListItem("2");
item2.Attributes.Add("title", "B");
DropDownList1.Items.AddRange(new[] {item, item2});
string s = DropDownList1.Items[0].Attributes["title"];
}
}
protected void Button1_Click(object sender, EventArgs e)
{
DropDownList1.Visible = !DropDownList1.Visible;
}
在页面加载时,项目的工具提示正在显示,但在第一次回发时,属性将丢失.为什么会这样,有没有解决方法？
推荐指数
解决办法
查看次数
如何获取多选框的所有选定值？
我有一个属性<select>元素multiple.如何使用JavaScript获取此元素的选定值？
这是我正在尝试的:
function loopSelected() {
var txtSelectedValuesObj = document.getElementById('txtSelectedValues');
var selectedArray = new Array();
var selObj = document.getElementById('slct');
var i;
var count = 0;
for (i=0; i<selObj.options.length; i++) {
if (selObj.options[i].selected) {
selectedArray[count] = selObj.options[i].value;
count++;
}
}
txtSelectedValuesObj.value = selectedArray;
}
推荐指数
解决办法
查看次数