javascript - 在 jQuery 中使用单个输入来设置多个不同选项的值的方法

Question

我会解释我的问题。

我有一个包含多个选项的选择和一个(或多个)输入。 我希望这个(这些)输入能够为我的选择提供额外的值(value)。

因此，我希望使用单个输入为每个选项提供附加值，并将其保留在内存中(没有数据库^^)。

你明白吗？ 任何想法 ？ 泰!

编辑:

例如:

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<input type="text" />

我选择了选项 1，并在输入中设置了“ok”。

我选择了选项 3，并在输入中设置了“test”。

如果我重新选择选项 1，我发现我的值“ok”。

编辑2:输入将是我的选项的一种配置。每个选项可以有1个或多个输入。如果我有 80 个选项，一个输入可以有 80 个不同的值​​。

Answer 1

在此版本中，您可以更改输入的值并将其保存。

您可以利用数据属性:

Example

<select id="select">
  <option value="test1">1</option>
  <option value="test2">2</option>
  <option value="test3">3</option>
</select>
<input id="textinput" type="text" />​​​​​​​​​​​​​​​​​​​

<script>
$('#select').change(function(){
    $('#textinput').val($(this).find('option:selected').val());
});
$('#textinput').keyup(function(){
    $('#select option:selected').val(this.value);
});
</script>