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就可以了。

根据文本输入更改选项值

3 个答案: