Question

我会解释我的问题。

我有一个带有多个选项和一个（或多个）输入的选择。我希望这些（这些）输入用于为我的选项提供额外的价值。

所以，我想用一个输入为每个选项提供一个额外的值，并且这个值保存在内存中（没有数据库^^）。

你知道吗？任何的想法？ Ty！

编辑：

例如：

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

Answer 2

<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'));
  });
});

<强> Here's a working JSFiddle

Answer 3

我认为您希望使用某个选项的value或label属性，请在the Mozilla Developer Network documentation for <select>和MDN docs for <option>查看更多详情。

有关其使用的示例，请参阅Getting an option text/value with JavaScript。

有一个输入来设置jQuery中几个不同选项的值的方法

3 个答案: