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

2019-11-23 05:35:52 阅读：303 来源： 互联网

标签：option form-submit multi-select html javascript

我在表单中有两个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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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