onchangeは選択されたテキストと隠れた値をどのように運びますか？

Question

Iは、データベースから次の情報を収集し、動的に移入PHPドロップダウンメニューを有する：

echo '<option value="'.$image['id'].'">'.$image['description'].'</option>'; 

Iは、次いで、選択されたテキストを示しているJavaScript関数を有する - その後に編集するための入力ボックスに説明し、更新を送信データベースに戻す。

質問：JavaScriptを使用して離れてあり、私は一緒にIDと説明を渡すだけで編集のための入力ボックスに説明のショーを持っているだろうか？

$('#captionSelect').change(function(){ 
     $('#captionInput').val($("#captionSelect option:selected").text()).show(); 
    }); 

Answer 1

これを試すことができます。

$('#captionSelect').change(function(){ 
     $('#captionInput').val($("#captionSelect option:selected").html()).show(); 
    }); 

ありがとうございました。

Answer 2

ハロージェスこれを試してみてください....

$('#captionSelect').change(function(){ 
      $('#captionInput').val($("#captionSelect").val()); 
    }); 

Answer 3

あなたのフォームに隠しフォームフィールドを追加する必要があります。

次にあなたが使用することができます。

$('#captionSelect').change(function(){ 
    var $selected = $("#captionSelect option:selected"); 
    $('#hiddenField').val($selected.val()); 
    $('#captionInput').val($selected.text()).show(); 
}); 

私は、複数のルックアップを避けるために$selectedを追加しました。