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

我会解释我的问题

我有一个带有多个选项的select和一个（或多个）输入。 我希望这个（这些）输入用于为我的选项提供附加值

因此，我希望通过单个输入为每个选项提供一个附加值，并将其保存在内存中（无数据库^^）

你明白吗？？ 有什么想法吗？ 泰

编辑：

例如：

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

1.
2.
3.

我选择了选项1，并将输入设置为“ok”

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

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

---

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

我相信您希望使用选项的

值

或

标签

属性，请参阅和中的更多详细信息

有关其使用示例，请参见。

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

$(function(){
  $('select').on('change', function(){
    $('input').val($('option:selected', this).attr('text'));
  });
});

1.
2.
3.
$（函数（）{
$（'select'）。在（'change'，function（）上{
$（'input'）.val（$（'option:selected'，this.attr（'text'））；
});
});

---

使用此版本，您可以更改输入值并将其保存

您可以使用数据属性：

1.
2.
3.
​​​​​​​​​​​​​​​​​​​
$（'#select'）。更改（函数（）{
$（'#textinput'）.val（$（this.find（'option:selected'）.val（））；
});
$（'#textinput'）.keyup（函数（）{
$（'#select option:selected'）.val（this.value）；
});

解释/描述你想要什么。举个例子。向我们展示你已经拥有的代码。你是事先在服务器上渲染还是这是静态HTML？@ClémentAndraud如果你有大约3500个静态HTML输入，你应该找到一种生成HTML的方法，像excel电子表格中的字符串连接这样简单的方法可以节省你很多时间。事实上，我不知道法语中什么是静态html；）@ClémentAndraud啊，j'suis désolé。我会调用您编写一次并保存在.HTML静态文件中的HTML。而是由服务器端框架/语言（如ASP.NET、PHP）动态生成并作为响应发送的HTML。

text

有效吗？你的意思是

label

？@StupidUser检查小提琴。如果我有40个输入，每个选项有40个不同的值？@ClémentAndraud描述输入和值之间的关系。要更新与选项项共享某种关系的输入值吗？小提琴可以工作。我没说没用。功能性HTML和有效的HTML之间存在差异。这是类似的，但我可能有3500个输入…^^为什么要添加数据并增加jQuery的开销，而这个HTML属性已经存在？我已经有了一个值，我希望一个选项的值越来越大！我认为你需要重新定义你到底想要什么<代码>我希望一个选项有越来越多的价值我以为每个选项有一个价值我希望为一个选项添加很多“价值”。。你的例子很好，我有一两个输入，但不是更多…有没有理由对包含参考链接和示例解决方案的答案投反对票？

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