javascript - 根据文本自动选择组合框中的值

标签 javascript html

我有一个表,当我单击一行时,我希望将该行的值打印在有组合框的表单上。 那么问题是我只能更改组合中选项的文本而不能自动选择选项?

这是我的脚本,但它没有给我我想要的:

var fvar=document.forms.f.fonction;

    for(var i=0;i<fvar.options.length;i++){
        if (document.getElementById('listuser')
        .getElementsByTagName('tr')[row.rowIndex].cells[2].textContent==fvar.options[i].text)
            {
            fvar.options[i].selected=true;
            }
    }

HTML:

<table id="listuser">

    <thead>
        <tr>
            <th>Action</th>
            <th>Code</th>
            <th>Fonction</th>

        </tr>


        <tr id="lign" onClick="selectRowService(this)">
            <td><input type="checkbox" name="box"></td>
            <td><c:out value="${activity.cd_activite}" /></td>
            <td><c:out value="${activity.fonction}" /></td>
    </thead>


    <!-- Table body -->

    <tbody>
    </tbody>

</table>

<table id="tabmenu">

    <tr>
        <td>Fonction :</td>
        <td><div class="styled-select">
                <form:select name="fonction" path="fonction">

                    <c:forEach items="${fonc}" var="f">
                        <form:option value="${f.code_fonction}">${f.ll_fonc}</form:option>
                    </c:forEach>

                </form:select>
            </div></td>
    </tr>

</table>

请问还有其他方法可以自动选择选项值吗?

最佳答案

试试这个

var fvar=document.forms.f.fonction;

    for(var i=0;i<fvar.options.length;i++){
        if (document.getElementById('listuser')
        .getElementsByTagName('tr')[row.rowIndex].cells[2].textContent==fvar.options[i].text)
            {
                 fvar.value = fvar.options[i].value;
            }
    }

关于javascript - 根据文本自动选择组合框中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16834525/

相关文章:

javascript - 为什么图像不能在 css 中水平显示?

javascript - 如何检测文本基线的位置

html - 无法将边界扩展到容器的宽度之外

javascript - 我可以在 this.classList.remove 中使用变量吗

javascript - 突出显示多个文本框

javascript - Discord.js v12.2.0 |根据 react 添加角色

javascript - Ruby on Rails 和 Masonry 问题

html - Knitr HTML 输出格式问题

php - 在 PHP 代码中应用 HTML 代码 - 语法错误

javascript - 如何在 react.js 中创建 3 列布局结构