Javascript 基于表单字段更改的文本

我希望在我们的网站上建立一个表单，该表单将基于一系列输入框和下拉菜单提供一个预览句子。我知道如何根据下拉菜单的输入更改文本。但是，如果选择了特定的内容，如何更改整个句子（而不仅仅是变量）？你知道如何完成这样的事情吗

例如（3个输入问题组成一个句子）：

1） 学校名称（文本字段） 2） 你的最佳描述是什么？（下拉菜单） 索弗莫尔 级别高的 教授 硕士 3） 你[学习、教学、学过]什么？（文本字段）

如果选择“Sophore”，预览语句应如下所示： [Sophmore]在[哈佛]学习[数学]

但如果用户选择“professor”，则会出现如下情况： [教授]在[哈佛]教授[数学]

如果用户选择“硕士学位持有者”，则会是这样： [哈佛]大学[数学]的[硕士学位持有人]

关于如何实现这一点有什么想法吗

---

谢谢

像这样的东西会有用的。您可以一次监视一个输入，并设置句子的文本。或者，您可能希望使用一个完整的按钮，并在最后构建它。无论哪种方式，概念都是相同的。在html中，为输入分配id。对于你的句子，你可以使用带id的span。然后使用document.getElementById检索输入值。当他们被改变时，更新句子。可以使用

innerHTML

在元素上设置新值

---

像这样的东西会有用的。您可以一次监视一个输入，并设置句子的文本。或者，您可能希望使用一个完整的按钮，并在最后构建它。无论哪种方式，概念都是相同的。在html中，为输入分配id。对于你的句子，你可以使用带id的span。然后使用document.getElementById检索输入值。当他们被改变时，更新句子。可以使用

innerHTML

在元素上设置新值

---

谢谢尽管我的问题是，如果选择了某个菜单选项，如何改变整个句子结构？如果您选择“教授”而不是“高级”，则句子将改为“人在教学科目”而不是“人在学习科目”。谢谢！尽管我的问题是，如果选择了某个菜单选项，如何改变整个句子结构？如果你选择“教授”而不是“高级”，那么句子会变成“人是教学科目”而不是“人是学习科目”。

<select id="description">
    <option></option>
    <option>Sophmore</option>
    <option>Senior</option>
    <option>Professor</option>
</select>
<br />
<input id="school" type="text" />
<br />
<input id="study" type="text" />
<div >
    <span id="a"></span> at <span id="b"></span> studying <span id="c"></span>.
</div>

document.getElementById('description').onchange = function() {

    document.getElementById('a').innerHTML = this.value;

    var verb = '';
    switch (this.value) {
    case 'Professor':
        verb = 'teaching';
        break;
    case 'Sophomore':
        verb = 'studying';
        break;
    case 'Senior':
        verb = 'studying';
        break;
    }

    document.getElementById('d').innerHTML = verb;
};

document.getElementById('school').onblur = function() {
    document.getElementById('b').innerHTML = this.value;
};

document.getElementById('study').onblur = function() {
    document.getElementById('c').innerHTML = this.value;
};