Question

我有这样的代码

$(function() {
    $('#book_id').change(function(){
        $('#book_code').show();
        var get_value = $(this).val();
        $( "#book_code" ).html( get_value );
    });
});



<td>
    <select id="book_id" name="book_name" class="form-control">
    <option value="">Select Book</option>
    <?php while($row=mysql_fetch_array($book_query)){?>
        <option value="<?php  echo $row['book_code'];?>">
        <?php  echo $row['book_name']; ?>
        </option>
        <?php  }?>
    </select>
</td>
<td>
    <div id="book_code">
        <input type="text" class="form-control" value="" disabled="disabled" placeholder="Book Code" />
    </div>
</td>

我想做的是在每个选择事件中，我需要在输入文本框（不可编辑）中显示书籍代码

以上代码有效，但未在输入框中显示值

我该怎么做？

换句话说，在每个选择事件上显示文本框内的书籍代码

谢谢， Kimz

Answer 1

您可以尝试此操作（Working Example）：

$(function() {
   $('#book_id').on('change', function(){
       $('#book_code').find('input').val($(this).val());
   });
});

Answer 2

您还必须传递输入类

 $(function() {
                $('#book_id').change(function(){
                var get_value = $(this).val();
                $( "#book_code .form-control"  ).val( get_value );
                });
            });

jQuery选择框onchange事件

2 个答案: