标签: html-select

我正在尝试将<options>HTML 代码从一个选择列表复制到另一个选择列表。我已经测试了下面的脚本，但它不起作用。

我已经使用“警报”功能进行了测试，但它似乎只显示先前选项中的值。

有人能推荐我应该使用什么吗？谢谢你！

$("select[name='NHIndexNo" + tablecounter + "_" + rowCount + "'] option").each(function(){
   $("select[name='NHIndexNo" + tablecounter + "_" + (rowCount+1) + "'] option").appendto($(this).val());
});

我正在制作一个支持行折叠的源代码显示。虽然使用 CSS 很容易确保替换文本（“N 行隐藏”）不可选择，但我希望隐藏的源代码仍然被选择，这样用户就可以只选择一段代码，而不必担心是否由于折叠，它的一部分丢失了。有没有一种（不太老套的）方法可以做到这一点？

我使用的是 Kendo UI Web Grid，而不是服务器包装器之一。我只在网格中显示几个字段。其余字段显示在创建或编辑弹出窗口中。对于这个弹出窗口，我使用了一个模板：

<script id="popup_editor" type="text/x-kendo-template">
    <div class="k-edit-label">
        <label for="Title">Title</label>
    </div>
    <div class="k-edit-field">
        <input type="text" class="k-input k-textbox" name="Title" data-bind="value:Title" required>
    </div>

</script>

然后我从网格中调用它：

        editable: {
            mode: "popup",
            template: $("#popup_editor").html(),
            confirmation: "Are you sure?"
        }

这对输入框很有用。但是我的表中有一个外键列。我想在下拉列表中显示外键表中的所有选项，并根据表中的值选择正确的选项。我已经搜索了很多，但无法找到答案。

任何帮助将不胜感激。

<select multiple="multiple" id="multi">我的网站上有一个，我在 jquery 中有一个具有此功能的脚本：

$("#multi").on("change",function(){}) 

我想访问select此功能中最新选择的项目（用户选择的最后一个），我该怎么做？

我有以下选择：

<select name="mySelect">
   <option value="1">hello [test]</option>
   <option value="2">hello2 [test2]</option>
   <option value="3">hello33 [test33]</option>
   <option value="4">hel [hel]</option>
</select>

如何对齐选项内的文本以显示如下：

hello____[test]

hello2___[test2]

hello33__[test33]

hel_____ [hel]

我尝试使用 JavaScript 添加空格，但它们不可见。（ _ 是上面的空格字符）

我有一个国家/地区下拉列表，并将所选属性设置为美国。我可以清楚地看到select =“ selected”进入在萤火虫中具有US值的select OPTION中。但是，无论是Firefox还是Chrome，都不会显示US为选中状态。我有以下用于填充和选择国家/地区的代码。

var countryData = getCountryData();
var html = '<option value="">Select Country</option>'; 
$.each(countryData, function(key,value) {
    if(defaultValue == value.id)
    {
        html = html + '<option value="'+value.id+'" selected="selected">'+value.name+'</option>';
    }
    else
    {
        html = html + '<option value="'+value.id+'">'+value.name+'</option>';
    }
});
countryField.html(html);

如果确实由于某种原因浏览器没有显示所选内容，即使我们设置了所选属性也是如此。

更新：好的，正如我所期望的，它必须与其他代码冲突。确实是这样。我正在使用bootstrapValidator和执行此行为的特殊调用“ resetForm”。然而，我不明白的一件事，为什么仍然在Firebug中的html select显示出selected属性？但是最后我将这段代码放在了resetForm调用之后。感谢所有的建议和帮助。

试图从列表中隐藏选项元素。然而，我尝试了几种方法，似乎无法奏效。我需要按名称调用 select，因为我无法添加 ID 或类。

$('select[name*="boxes"] option[value="box6"]').hide();

这里是小提琴：http : //jsfiddle.net/q2nb08t6/

有什么建议？

我的代码启动一个 IE 11 页面，单击一个链接，然后尝试填写两个下拉列表。第一个成功填充了 value "2012"。但是第二个没有被 value 填充"TOYOTA"。

尽管第二个下拉列表不再显示命令“select”，但它只是不显示"TOYOTA". 换句话说，它从命令“select”变为空白。而第一个下拉列表正确地从命令“选择”到"2012".

我认为这可能与第二个下拉列表将显示取决于第一个下拉列表的实际选择的值有关。并且需要一些 onchange 或 fireevent 命令。

我在网上搜索了很多，我发现了类似的问题，我试图解决这些问题。一般来说，我尝试过两种主要的代码变体。与往常一样，如果有人可以运行此代码和/或建议我，我将不胜感激。第一个是这样的：

Sub GetQuote()

Dim IE As Object

Set IE = CreateObject("InternetExplorer.Application")

IE.navigate ("website")

IE.Visible = True

Do
DoEvents
Loop Until IE.readystate = 4

Dim e
Set e = IE.document.getElementsByClassname("id name of button")(1)
e.Click

Application.Wait (Now + TimeValue("00:00:02"))

Do
DoEvents
Loop Until IE.readystate = 4


Dim z As Object
Set z = IE.document.getElementbyid("vehicleYearOfManufactureList")
z.Focus
z.SelectedIndex = 4
z.FireEvent ("onchange") …

我有一个精选菜单。例子：

<select autocomplete="off"> <option value="" selected="selected">Select Quantity</option>
<option value="6" autocomplete="off">6</option>
<option value="12" autocomplete="off">12</option>
<option value="18" autocomplete="off">18</option>
<option value="24" autocomplete="off">24</option>
</select>

如果用户选择一个值，然后导航到不同的页面并返回...浏览器会缓存所选的值（即使我已经关闭了缓存相关标头中的缓存）。

如何阻止 Chrome 缓存这些选择值？

HTML select小部件在样式设置方面非常受限制。要解决此问题，有许多库尝试使用JavaScript重新实现它，但是大多数库都缺少本机版本中可用的一项或另一项功能。以下是一些在单个实现中很难找到的功能：

• 箭头键可用于浏览焦点选择元素的选项，而无需打开弹出窗口
• 可以通过键入以以下内容开头的字母跳到选项
• 如果底部没有足够的空间，则弹出窗口将在顶部打开，或者如果在底部将其打开则需要使选项弹出窗口可滚动。

某处是否有规范列出了本机选择窗口小部件支持的所有功能？

我知道实现可能依赖于平台，但是为任何实现提供文档将很有用。

我能找到的最好的东西是关于类似组件的信息- combobox：

• https://wiki.openjdk.java.net/display/OpenJFX/ComboBox+User+Experience+Documentation
• https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
• https://developer.gnome.org/gtk3/stable/GtkComboBoxText.html