根据文本输入更改选项值

Question

我有一个带有下拉菜单的表单，我需要用户能够通过更改文本框中的值来更改下拉菜单中选项的值，如何使用jQuery javascript或php做到这一点？

<div id="formh">
<form id="form">
<select name="test" id="test">
<option id="op1" value="1">1234</option>
<option id="op2" value="2">2134</option>
</select>
</form>
</div>
<div id="st">
<form name="settings">
Op1 Value<input />
Op2 Value<input />
</form>
</div>

Answer 1

如果我正确理解了您的问题，那么您似乎想从文本框中更改选项的值。

如果为输入框指定一个ID，则可以执行以下操作：

$("#inputOpt1").change(function(){
  $("#op1").val($(this).val());
});

在jsfiddle上的示例 。

Answer 2

标记是正确的，如果您希望在使用单击输入框之外时更新数据，则也可以使用focusout（）jQuery函数。

Answer 3

您肯定会使用JavaScript做到这一点。 唯一的问题是是否需要从服务器检索信息，在这种情况下，您将需要使用AJAX解决方案并从服务器获取信息。 但是，否则，仅使用一些简单的JavaScript就可以了。