select元素中的可点击选项的最大数量似乎有限制.
如果有一个包含3200+选项的select元素.从3125到N的项目在单击时不会触发更改事件.但是,可以使用键盘选择项目.
不知道这是IE8的错误还是功能？在IE6,IE7,FF或chrome中没有这样的问题.
这是一个例子:
<html>
<head>
<title>Large select</title>
<script>
function loadData()
{
var s=document.getElementById('s');
for(i=0;i<3500;i++)
s.options[i]=new Option(i);
}
</script>
</head>
<body onload="loadData()">
<select id="s" multiple="multiple" size="20" onchange="alert('change')"></select>
</body>
</html>
更新:我在ie8 beta(8.0.7000.0)中尝试了这个.它似乎在ie8 final中完美运行
我可以<DIV>在HTML <SELECT>标签内吗？
例如:
<select tabindex="2" name="agegrp" id="agegrp" >
<div>
<option value="-1">No preference</option>
</div>
</select>
我想知道无论如何我可以在一个选择框内的两行上划分一个项目.
我的选择框中的一个值是两个长,以适应我的div.
如果更改下拉列表中的选定项目,我正在尝试更改表格单元格的背景颜色.我使用相同的JavaScript文本框,它工作正常.在firebug中,当从select中调用时,"cell"是未定义的.
这是我的脚本/ html
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function changeText(cell, shown, hidden)
{
if (shown == hidden)
{
cell.style.backgroundColor="red";
}
else
{
cell.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table cellpadding="5">
<tr>
<td>
Cell 1
</td>
<td>
<select id="catBlah" OnChange="changeText(this.parentnode, this.options[this.selectedIndex].value, '789');">
<option value=""></option>
<option selected="selected" value="789">Item 1</option>
<option value="000">Item 2</option>
<option value="456">Item 3</option>
<option value="123">Item 4</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="text" value="blue" onchange="changeText(this.parentNode, this.value, 'blue');" />
</td>
<td>
Cell 4
</td> …我试图在选择的值更改为特定值时提醒用户，但我的页面中有多个选择（每个用户一个）。
这是我尝试过的：http : //jsfiddle.net/mEFQq/
$(document).ready(function() {
$("select").change(function(){
if($(this).text() == "Chef")
{
alert();
}
});
});
我的愿望是在选择更改为“厨师”值时发出警报。
我该怎么做呢？
当我在下拉菜单中选择一个新值(3)时,我看到HTML仍旧旧值(10)为"已选中".
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10" selected="selected">10</option>
编辑1:克隆表单时问题就出现了.克隆的副本将重置其选定的选项.有没有办法克隆选定的值？
我有一个 html 下拉菜单。在下拉列表中，某些选项的字符串很长，没有任何空格。我想将这些选项包装到下一行。我使用了 CSSword-wrap属性。它在 Chrome 中对我来说很好，但在 Firefox 中不行。
我还尝试word-break按照建议的副本中的建议使用该属性
我还在jsfiddle 上做了一个演示。它在 Chrome 上看起来不错，但是如果您在 Firefox 上打开该演示，则文本无法换行。我怎样才能解决这个问题？
.setWidth {
width: 300px
}<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
<select class="formNamesList setWidth" id="CustomCategories" name="CustomCategories" size="15">
<option value="10085240">_1Test_Today</option>
<option value="10085242">_1Test_Today_A</option>
<option value="10085091" style="word-wrap:break-word">testcust_copyFinal_copytetshhshshshhshshhshshshhshshhshshhshshshshhshshshshhshshshshhshshhshs</option>
</select>
</div>我有一个程序可以模拟具有正面图像和背面图像的传单的折叠效果。我通过 dropDownList 选择传单。如何在标签中传递背面图像，以便在旋转图像时显示背面的图片？
这是我的 dropDownList 的 HTML：
<form name="Pictures">
<select name="dropPic" onchange="selectFront(this.value)">
<option value="Flyer1pag1.png" value="Flyer1pag2.png">Flyer 1</option>
<option value="Flyer2pag1.png" value="Flyer1pag2.png">Flyer 2</option>
<option value="Flyer3pag1.png" value="Flyer1pag2.png">Flyer 3</option>
</select>
</form>这是 JavaScript 中的函数，用于更改有关 dropDownList 选择的正面图像以及应获取传单背面图像的函数：
function selectFront(imgSrc) {
loadImage(imgSrc);
var Dim_Slice = document.querySelectorAll(".slice");
for (var i = 0; i < Dim_Slice.length; i++) {
Dim_Slice[i].style.backgroundImage = "url(" + imgSrc + ")";
}
}
function selectBack(imgSrc) {
var Dim_Sliceb = document.querySelectorAll(".sliceb");
for (var i = 0; i < Dim_Sliceb.length; i++) {
Dim_Sliceb[i].style.backgroundImage = "url(" + imgSrc …根据MDN参考<select>元素:
size如果控件显示为滚动列表框,则此属性表示列表中应该一次可见的行数.浏览器不需要将选择元素显示为滚动列表框.默认值为0.
在下面的例子中,默认的呈现,size="0"和size="1"长得一模一样.功能或其他方面是否有任何差异？
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<select size="0">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<select size="1">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>I have a select dropdown and I iterate the options from a list. I am trying to set as selected a separate option (as a default), in case of user is not selecting a value.
Here is how I am trying to implement that:
<select [(ngModel)]="book.pageLayout">
<option [value]="0" [attr.selected]="book.defaultLayoutId === null">No Default Layout</option>
<option *ngFor="let l of availableLayouts"
[value]="l.id"
[attr.selected]="book.pageLayout == l.id">
{{l?.name}}
</option>
</select>
I also tried:
<option [value]="0" selected="selected">No Default Layout</option>
and even:
<option [value]="0" selected="1==1">No Default Layout</option> …