onchange攜帶選定的文本和隱藏值如何？

Question

我有一個從數據庫中收集以下信息動態填充PHP下拉菜單：

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

然後我有一個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避免多次查找窗口。