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

Question

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

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

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>

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

Answer 1

试试这个

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;
            }
    }