0

なぜこれが機能しないのですか？

     <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 テキストが追加されます。

4

7 に答える 7

0

これを試して。

jQuery(function () {
    jQuery('#custom_field').click(function () {
        jQuery("#custom_field_input").val(jQuery("#custom_field_input").val() + jQuery("option:selected", this).text());
    });
});
于 2012-09-11T16:32:06.873 に答える
0

次のコードを使用して、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>
于 2012-09-11T11:05:45.183 に答える
0 
<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>

これはあなたの場合にもうまくいくはずです

于 2012-09-11T11:06:06.960 に答える
0

試す

 <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>
于 2012-09-11T11:06:48.770 に答える
0

クリックの代わりに、blur または focusout イベントを使用できます。

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

$('#custom_field option').blur(function(){
....
 });
于 2012-09-11T14:20:27.100 に答える
0

これを試してください: 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>
于 2012-10-24T05:00:20.727 に答える
0

からも支援を受けることができます。

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

于 2012-09-11T11:10:54.737 に答える