Question

我正在自定义Bugzilla，我需要更新错误编辑页面上“附加注释”文本区域中的文本。需要根据用户从下拉菜单中选择的状态动态更改此文本。为此我希望使用onChange事件。有没有人建议如何实现这个？

Answer 1

这是一个可以说明一种方法的例子：

<html>
<head>
<script>
var messages = ['Message 0', 'Message 1', 'Message 2', 'Message 3', 'Message 4'];
function myOnChangeHandler(selectObj) {
    // if there are more elements with name="additional_info" then you should attach unique id to your text area and use getElementById instead
    var textAreaElement = document.getElementsByName("additional_info")[0]; 
    textAreaElement.value = messages[selectObj.selectedIndex];
}

</script>
</head>
<body>
<form>
<select id="continent" onchange="myOnChangeHandler(this);">
    <option value="0">Select a Continent</option>
    <option value="1">North America</option>
    <option value="2">South America</option>
    <option value="3">Asia</option>
    <option value="4">Europe</option>
  </select>
  Additional info:
 <textarea cols="80" rows="8" style="" name="additional_info"></textarea> 
</form>
</body>
<html>

希望这有帮助！

如何使用JavaScript动态更新Bugzilla附加注释textarea？

1 个答案: