使用选择中的选项来填充表单

Use an option from select to populate a form

本文关键字：填充 表单 选项 选择      更新时间：2023-09-26

我有一个选择与多个选项和一个空的文本输入下面的表单。我希望文本输入改变每当我改变选择，但仍然是可更新的。这可能吗?

<select name="title" form="updating"  onChange="document.getElementById('selectedValue').innerHTML = this.value;">
 .....
<form action="update.php" id="updating">
  Article Title:<br>
  <input type="text" name="article_title" id=selectedValue>
  <input type="submit" value="Submit">
</form>

我希望这是你正在寻找的。使用JQuery，你可以很容易地使用"on change"功能。

$(document).ready(function() {
  $('#mySelect').change(function() {
    $('#myInput').val($(this).val());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="mySelect">
  <option value="Element 1">Element 1</option>
  <option value="Element 2">Element 2</option>
  <option value="Element 3">Element 3</option>
</select>
<br/>
<input type="text" id="myInput" value="" />

如果您需要更具体的功能，请在您的问题中更具体

查看链接

你可以在</head>标签结束前使用jquery的cdn

这里是cdn LINK

相关文章：