javascript-选择html中的所有选项动态选择

我在表单中有两个HTML选择.第一个称为可用,包含几个选项：

<select name="sortedby" multiple="multiple">
    <option value="start">
        <xsl:if test="@sortedby='start'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Start time
    </option>

    <option value="thread_id">
        <xsl:if test="@sortedby='thread_id'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Thread Id
    </option>

    <option value="user_name">
        <xsl:if test="@sortedby='user_name'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Username
    </option>
</select>

第二个称为yourselection,开头是空的：

<select name="sortedby_target" multiple="multiple">
</select>

有一个按钮可从可用选项中删除所选选项,并将其移至您的选择中.

此按钮从我可以使用但无法修改的库中调用JavaScript函数.

基本上可以正常工作.但是有一个不便之处：当用户将一个或多个选项从可用状态移到您的选择时,默认情况下“到达时”未选中它们.因此,当前用户必须先选择一个可用选项,然后再将其移动到您的选择中,然后再次在选择中手动选择它,然后提交表单.

我想要的是到达您选择的所有内容都应默认标记为选中.有任何想法吗？

更新！我有一个可以选择所有元素的函数：

function selectAllOptions(obj) {
    if (!hasOptions(obj)) { return; }
    for (var i = 0; i < obj.options.length; i++) {
        obj.options[i].selected = true;
    }
}

但是问题是如何称呼它？因此,我不想添加另一个按钮.

应该有类似onfill之类的东西,或者在select中类似的东西.

解决方法:

    <form name="jmxForm" onsubmit="selectAllOptions(sortedby_target)">
    ....
    </form>





function selectAllOptions(obj) {
if (!hasOptions(obj)) { return; }
for (var i=0; i<obj.options.length; i++) {
    obj.options[i].selected = true;
    }
}

标签：option,form-submit,multi-select,html,javascript
来源： https://codeday.me/bug/20191123/2065423.html