1

私の問題を説明します。

複数のオプションと1つ（または複数）の入力を持つ選択があります。この（これらの）入力を使用して、オプションに追加の値を与えたいと思います。

したがって、単一の入力で各オプションに追加の値を指定し、これをメモリに保持する必要があります（データベース^^なし）。

わかりますか ？？何か案が ？Ty！

編集 ：

例えば ​​：

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

オプション1を選択し、入力を「ok」に設定しました。

オプション3を選択し、入力「テスト」を設定しました。

オプション1を再選択した場合、値は「ok」でした。

編集2：入力は私のオプションの一種の構成になります。各オプションには、1つ以上の入力を含めることができます。80のオプションがある場合、入力には80の異なる値を含めることができます。

4

3 に答える 3

1

このバージョンでは、入力の値を変更でき、保存されます。

data-属性を利用できます。

例

<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>
于 2012-07-16T14:14:19.787 に答える
0 
<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'));
  });
});

これが動作中のJSFiddleです

于 2012-07-16T14:08:44.063 に答える
-1

valueオプションのor属性を使用したいと思いlabelます。詳細については、 MozillaDeveloperNetworkの<select>ドキュメントおよびMDNのドキュメントを<option>参照してください。

使用例については、JavaScriptでオプションのテキスト/値を取得するを参照してください。

于 2012-07-16T14:07:25.670 に答える