Question

我有一个带有多个选项的选项和一个带有空文本输入的下面的表单。我希望每次更改select时文本输入都会更改，但仍然可以更新。有可能吗？

<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>

Answer 1

我希望这就是你要找的东西。使用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="" />

如果您需要更具体的功能，请更具体地提出您的问题

Answer 2

检查Link

您可以在</head>代码

结束之前使用jquery cdn

这是cdn LINK

使用select中的选项填充表单

2 个答案: