Değerleri alan ve bunları bir tabloya yerleştiren tıklanabilir bir açılır menü yapın JQuery

Question

Bu, zaten bir adın, E-postanın ve bazı diğer girdi alanlarının çalıştığını gösteren bir doğrulama denetimi olup, her şey dolduruyorsa ve yapmıyorsa inputfields kırmızı. Her şey doğru ise bu i doldurduktan Inputfields değerleri içeren bir tablo oluşturur.

<script> 
$(document).ready(function(){ 
    $('input[name="submit"]').click(function(e) { 
     e.preventDefault(); 

     formIsValid = true; 

     var errors = []; 
     $('.errors').html(""); 

     $('input.required').each(function() { 
      if ($(this).val() == '') { 
       formIsValid = false; 
       message = $(this).attr('id') + ' is required'; 
       errors.push(message); 
       $(this).addClass("red"); 
      } else{ 
       $(this).removeClass("red"); 
      } 
     }); 


     if (formIsValid == true) { 
      $('.data').append('<tr class="datarow"><td>'+$('input[name="name"]').val()+'</td><td>'+$('input[name="email"]').val()+'</td><td>'+$('input[name="phone_number"]').val()+'</td><td class="delete">X</td></tr>'); 
      updateTotalRows(); 

      $('.delete').click(function() { 
       $(this).parent().remove(); 
       updateTotalRows(); 
      }) 
     } 
    }); 

    function updateTotalRows() { 
     $('.total').html('Ik heb nu : ' + $('.datarow').length + ' rows'); 
    } 
}); 
</script> 

<script> 
function selectCountry() { 
    $('.data').append('<tr class="datarow"><td>'+$('.info_link').val()+'</td><td>'+'</td><td class="delete">X</td></tr>'); 
      updateTotalRows(); 
} 
</script> 

Zaten ülkenin içinde tıklanabilir bir açılan var ama benim işlevi selectCountry kullanmalıdır tıkladığınızda. Bu fonksiyon, tıklattığım alt sitenin ismini içeren bir tablo yapmalıdır.

Landen

Nederland

Duitsland

<script> 
$(".dropdown") 
    .bind("click", function (selectCountry) { 
    console.log((selectCountry)) 
    }); 

</script> 

<script> 
$(function(){ 
$('.info_link').click(function(){ 
alert($(this).text());  //$('#table tr:last').append($("<td></td>").text()); 
           }); 
      }); 
</script> 

yüzden benim sorum ben alt öğesi değerini alır ve bir koyar tıklanabilir açılan nasıl yapabilirim edilir

Frankrijk tablo.

Answer 1

standart bir <select id="mySelect"><option value="abc">ABC</option></select> eleman kullanabilir ve eleman değeri değişikliği bir işlevi ekleyin:

$("#mySelect").change(function() { 
    var optionValue = $(this).val(); 
    $('#table tr:last').append('<td>' + optionValue + '</td>'); 
});