jquery - 使用 jquery 从下拉列表检索值到文本框

Question

这里尝试根据用户从下拉列表中选择的值来更改文本框的值，但下拉列表中选择的值没有在文本框中更新。请帮助我。

这是我的代码。

<script type="text/javascript" src="resources/javascripts/jquery-1.8.3.js"></script>
<script type="text/javascript">  
     $(document).ready(function() {                                       
        $("#name").live("change", function() {
          $("#firstname").val($(this).find("option:selected").attr("value"));
        })
     });                                     
</script>

<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">India</option> 
<option value="Frank">Us</option> 
<option value="Jim">China</option> 
</select>

Answer 1

检索所选值:

$("#name").change(function() {
      $("#firstname").val($(this).val());
});

检索所选文本:

$("#name").change(function() {
      $("#firstname").val($(this).find('option:selected').text());
});