Tag: HTMLselect

如何在HTML中创build可编辑的下拉列表？: 我想用下拉列表创build一个文本字段，让用户select一些预定义的值。用户还应该能够input一个新的值，或者从下拉列表中select一个预定义的值。我知道我可以使用两个小部件，但是在我的应用程序中，如果它是在一个小部件中统一的话，它会更符合人体工程学。有没有一个标准的部件或我必须使用第三方的JavaScript？浏览器可移植性如何？

jQuery使用下一个select选项: 我如何使用jQuery将已经select的项目的“下一个”项目设置为“已select”。例如，如果我有： <select> <option value="1" >Number 1</option> <option value="2" selected="selected">Number 2</option> <option value="3" >Number 3</option> <option value="4" >Number 4</option> </select> 我们可以看到select了“Number 2”，并且使用jQuery，我想将“Number 3”设置为selected，并从“Number 2”中删除所选的“attribute”。我假设我需要使用下一个select器，但我不太确定如何实现。

使用JavaScript获取选项文本/值: 答案： var option_user_selection = element.options[element.selectedIndex].text 我正在试图build立一个表格来填充一个人的命令。 <form name="food_select"> <select name="maincourse" onchange="firstStep(this)"> <option>- select -</option> <option text="breakfast">breakfast</option> <option text="lunch">lunch</option> <option text="dinner">dinner</option> </select> </form> 我想要做的是发送select对象，拉选项菜单中的名称和文本/值和选项标签中的数据。 function firstStep(element) { //Grab information from input element object /and place them in local variables var select_name = element.name; var option_value = element.value; } 我可以得到名称和选项值，但我似乎无法从select对象中获取text =“”或value =“”。我只需要用户select的选项菜单中的文本/值。我知道我可以把它们放在一个数组中，但是这没有帮助 var option_user_selection […]

jQuery – 禁用选定的选项: 需要使用jQuery在select框中禁用已经select的选项。我希望它像asmselect灰色。在这里testing我的例子。 //JS $("#theSelect").change(function(){ var value = $("#theSelect option:selected").val(); var theDiv = $(".is" + value); theDiv.slideDown().removeClass("hidden"); }); $("div a.remove").click(function () { $(this).parent().slideUp(function() { $(this).addClass("hidden"); }); }); //HTML <body> <div class="selectContainer"> <select id="theSelect"> <option value="">- Select -</option> <option value="Patient">Patient</option> <option value="Physician">Physician</option> <option value="Nurse">Nurse</option> </select> </div> <div class="hidden isPatient">Patient <a href="#" class="remove" rel="Patient">remove</a></div> <div class="hidden isPhysician">Physician […]

在IE中使用jQuery隐藏select选项: 目前我正在使用jQuery隐藏/显示使用下面的代码select选项。 $("#custcol7 option[value=" + sizeValue + "]").hide(); 这在Firefox中运行正常，但在其他浏览器中没有任何好处。如何在Chrome，Opera和IE中隐藏选项？

如何添加选项来selectjQuery中的列表: 我的select列表被称为dropListBuilding 。下面的代码似乎不工作： for (var i = 0; i < buildings.length; i++) { var val = buildings[i]; var text = buildings[i]; alert("value of builing at: " + i.toString() + " is: " + val); $("#dropListBuilding").addOption(val, text, false); } 这条线路死亡： $("#dropListBuilding").addOption(val, text, false); 什么是添加项目的下拉列表中的jQuery的权利？我已经没有testing线，build筑物variables确实有我的数据元素。

进行多重select以调整其高度以适应不带滚动条的选项: 显然这不起作用： select[multiple]{ height: 100%; } 它使select有100％的页面高度… auto也不工作，我仍然得到垂直滚动条。任何其他的想法？

如何获得相同的input和select字段的宽度: 在窗体上，我有一个select和两个input字段。这些元素是垂直alignment的。不幸的是，我无法得到这些元素的相等的宽度。这是我的代码： <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像素（当然，我尝试了193像素，但差别很大）。我认为，这取决于分辨率，在各种计算机和浏览器，因为这些元素没有相等的宽度（有时我认为差异大约是1或2像素）。我试图设置div或表行中的这些元素，但它没有帮助。问：我怎么能得到这些元素的精确相等的宽度？

从select元素获取选定的选项: 我试图从下拉列表中select选项，并使用该文本填充另一个项目，如下所示。 IE正在咆哮，并且在Firefox中不起作用： $('#ddlCodes').change(function() { $('#txtEntry2').text('#ddlCodes option:selected').text(); }); 我究竟做错了什么？