Question

这里当我从下拉菜单中选择输入时，我想要将标签从赢取更改为丢失，是否可以更改标签（标题）。

<td>
    <select name="action" id="action" class="mondatory" onchange="getAlert()">
        <option value="0">--Select--</option>
        <option value="win">win</option>
        <option value="los">lose</option>
    </select>
</td>
<td>win</td>
<td align="left">
    <input type="text" name="win"   id="win" size="10" class="mondatory">
</td>

Answer 1

是的，你可以使用vanilla javascript在select上设置onChange事件监听器，例如：

//html
<select id='mySelect' onchange='mySelectOnChange()'>
    <option value='win'>win</option>
    <option value='lose'>lose</option>
</select>
<span id='result'></span>
//js
function mySelectOnChange() {
    document.querySelector('#result').innerHTML = document.querySelector('#mySelect').value
}

如果使用支持双向数据绑定的任何框架/库，则可以更加简单。例如Angular.js / Vue.js

Answer 2

试试这个

<td>
<select name="action" id="action" class="mondatory" onchange="getAlert()">
    <option value="0">--Select--</option>
    <option value="win">win</option>
    <option value="lose">lose</option>
</select>
</td>
<td><span id="header_td"></span></td>
<td align="left">
     <input type="text" name="win" id="win" size="10" class="mondatory">
</td>

在你的剧本中

<script>

function getAlert() {
    var selected_value = document.getElementById('action').value;
    $("#header_td").text(selected_value);
}

</script>

如何动态更改标题？

2 个答案: