Javascript 将选择值放入输入字段，然后使用JS或jQuery提交

我在CMS中有一个表单，它只有一种输入文本类型，我无法向其添加其他字段。我没有访问数据库的权限，因此我想要的是在字段附近创建选择选项，并将选择的选项值添加到输入字段

假设我有这个代码：

你的年龄 18 19 身高 180厘米 190厘米 这就是提交后它必须显示的方式。该表单提交帖子，效果良好。此选择标签不应接触任何DB部件或任何其他部件。它只需要获取值，插入到inout文本字段，然后显示它。 有没有可能以这样的特殊顺序显示这些值

Name: Bla Bla
Age: 18
Height: 180 cm

或者至少是这样：

Bla Bla, age 18 years old, height 180 cm

如何使用JavaScript或jQuery实现这一点

顺便说一下，我的应用程序是基于nodeJS和MongoDB的

---

提前感谢。

欢迎访问SO，这不是一个写作服务网站，所以下次请先做自己的研究，并在遇到问题时询问。我写的这些东西的结合在这个网站上到处都是例子

您本可以准确地搜索您需要的：

-如何获取HTML元素的值

-如何向元素添加值

-如何在某些活动中做到这一点

var input=document.getElementByIdin； var sel1=document.getelementbyidourage； var sel2=document.getElementByIdyourHeight； sel1.onclick=函数{ sel1=document.getelementbyidourage； var selected=sel1。选项[sel1.selectedIndex]。值； 输入=document.getElementById； input.value=Name:+input.value+，年龄：+选中； }; sel2.onclick=函数{ sel2=document.getElementByIdyYourHeight； var selected=sel2.options[sel2.selectedIndex].value； 输入=document.getElementById； input.value=input.value+，高度：+选中； }; 你的年龄 18 19 身高 180厘米 190厘米

---

是否尝试将所有字段添加到名称字段中？最好为名称创建另一个输入，并为其指定一个唯一标识符，以将其与将要向其中添加所有信息的其他输入区分开来

我将创建一个函数，处理从输入和选择字段到提供的输入字段的值传输。我会在提交时调用此函数，在提交表单之前将值添加到提供的输入中

在代码笔上：

这是我创建的setField函数，用于将值添加到提供的字段：

function setField() {
  var nameVal = jQuery('#yourName').val() +', ';
  var ageSelectVal = jQuery('#yourAge').val() +', ';
  var heightSelectVal = jQuery('#yourHeight').val();
  var inputField = jQuery('input[type=text]').not(document.getElementById('yourName'));
  inputField.val(nameVal + ageSelectVal + heightSelectVal);
}

这是我正在使用的HTML：

<div class="section" id="yourField">
<input type="text" placeholder="Your name" id="yourName" />
<select id="yourAge">
  <option>your age</option>
  <option value="18">18</option>
  <option value="19">19</option>
</select>
<select id="yourHeight">
  <option>height</option>
  <option value="180 cm">180 cm</option>
  <option value="190 cm">190 cm</option>
</select>
</div>

<form action="#" class="section" id="formFields">
<input type="text" /> <!-- The endpoint -->
<input type="submit" value="Submit" />
</form>

---

这回答了你的问题吗？不如何获取选择选项并在文本字段中插入？您尝试了什么吗？这是否回答了您的问题？只有一个输入文本类型，我不能添加额外的字段，这里也有snippet按钮，所以不需要外部小提琴，只是一个建议供将来参考。干杯。我没有访问数据库的权限-他们说的是数据库，不是HTML

jQuery('input[type=submit]').submit(function() {
  setField();
});