Question

为什么这不起作用？

     <script>
     $(document).ready(function(){
     $('#custom_field option').click(function(){
        $('#custom_field_input').append('<tr><td></td></tr>');      
        $('#custom_field_input td:last').append($(this).find(":selected").text());
     });
     });
     </script>

我发现有一个.change函数，它可以工作，但与我无关，因为我需要附加文本，即使select下拉列表的值没有变化。 / strong>

含义。

用户点击option1，附加option1文字。

用户再次点击选项1，会附加另一个选项1文字。

Answer 1

单击custom_field_opotion将custon_field_input元素设为空，并使用以下代码：

<script>
 $(document).ready(function(){
 $('#custom_field option').click(function(){
  $('#custom_field_input').html('');      
    $('#custom_field_input').append('<tr><td></td></tr>');      
    $('#custom_field_input td:last').append($(this).find(":selected").text());
 });
 });
 </script>

Answer 2

<script>
 $(document).ready(function(){
 $('#custom_field').change(function(){
    $('#custom_field_input').append('<tr><td></td></tr>');      
    $('#custom_field_input td:last').append($(this).val());
 });
 });
 </script>

这也适用于您的情况

Answer 3

尝试

 <script>
     $(document).ready(function(){
     $('#custom_field option').click(function(){
     $('#custom_field_input').html('');      
     $('#custom_field_input').append('<tr><td></td></tr>');      
     $('#custom_field_input td:last').append($(this).find(":selected").text());
 });
 });
</script>

Answer 4

您也可以从

获得帮助

http://www.guy.footring.net/randomStuff/selectBox.htm

Answer 5

您可以使用模糊或聚焦事件而不是点击。

$('#custom_field option').focusout(function(){
....
 });   

$('#custom_field option').blur(function(){
....
 });

Answer 6

试试这个。

jQuery(function () {
    jQuery('#custom_field').click(function () {
        jQuery("#custom_field_input").val(jQuery("#custom_field_input").val() + jQuery("option:selected", this).text());
    });
});

Answer 7

试试这个：做2改变。实时使用，您的选择将在以后动态填充。如果不使用简单的.click（）。而不是.find（“：selected”），使用.find（“option：selected”）。

<script>
 $(document).ready(function(){
 $('#custom_field option').live('click',function(){
    $('#custom_field_input').append('<tr><td></td></tr>');      
    $('#custom_field_input td:last').append($(this).find("option:selected").text());
 });
 });
 </script>

单击下拉列表中的选项时，Jquery附加

7 个答案: