php - 单击下拉列表中的选项时追加Jquery

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 函数，它可以工作，但与我无关，因为即使选择下拉列表的值没有变化，我也需要附加文本。

意义。

用户单击 option1，附加 option1 文本。

用户再次单击选项 1，附加了另一个选项 1 文本。

Answer 1

您还可以从

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

Answer 2

使用以下代码使单击 custom_field_opition 时的 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 3

<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 4

尝试

 <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 5

尝试这个。

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

Answer 6

试试这个：做了 2 处更改。使用实时以防您的选择稍后动态填充。如果不使用简单的 .click()。也可以使用 .find("option:selected") 代替 .find(":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>

Answer 7

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

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

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