Question

我正在为视觉工作室的学校创建一个网站，并以html和javascript编写的联系表格。

我有一个选择框中所有教职员工的名字，我想这样做，当用户选择一个教员，textarea，用户将在其中写下他的消息，将自动打开名称为教师根据用户的选择。

有人可以帮我找一个javascript库或教程吗？

Answer 1

$("#selectbox-id").change(function() {
  var optionSelected = $( "#selectbox-id option:selected" ).text();
  $("#textboxarea-id").text(optionSelected);
});

Answer 2

由于你没有提到使用Jquery，我将提供一个简单的JavaScript答案。

<html>
<head>        
    <script type="text/javascript">
        function SetName() {
            var sel = document.getElementById("Select1");
            var nm = '';
            if (sel.selectedIndex > -1) {
                nm = sel.options[sel.selectedIndex].text;
            }
            document.getElementById("TextArea1").innerHTML = nm;
        }
    </script>
</head>
<body>    
    <select id="Select1" name="D1" onchange="SetName()">
         <option>Mr Green</option>
         <option>Mr White</option>
    </select>
    <textarea id="TextArea1" cols="20" name="S1" rows="2"></textarea>

</body>
</html>

根据选择框选择将预定义文本添加到textarea

2 个答案: