用Jquery隐藏选择表格

我有以下代码，我想制作一个地址列表。当我点击“kies klant”时，我想列出姓名，地址和电话号码。就像我有1,2,3。当我比选择它时，它必须出现在三个选择字段中。我只是无法弄清楚如何？用Jquery隐藏选择表格

<html> 

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(window).load(function(){ 
     $('.btnChoice').on('click', function(){ 
      $('#divChoices').show() 
      thefield = $(this).prev() 
      $('.btnselect').on('click', function(){ 
       theselected = $(this).prev() 
       thefield.val(theselected.val()) 
       $('#divChoices').hide() 
      }) 
     }) 

     $('#divChoices').css({ 
      'border':'2px solid red', 
      'position':'fixed', 
      'top':'100', 
      'left':'200', 
      'display':'none' 
     }) 
    }); 
</script> 
</head> 

<body> 

<div class="divform"> 
<input type="text" id="sku1" name="sku1"> 
<input type="text" id="sku2" name="sku2"> 
<input type="text" id="sku3" name="sku3"> 
<button id="choice1" class="btnChoice">Kies klant</button> 
</div> 

<div id="divChoices"> 
Kies hier uw klant: 

<br> 
<input type="text" name="ch1" id="ch1" value="1" > 
<input type="text" id="ch2" name="ch2" value="2"> 
<input type="text" id="ch3" name="ch3" value="3"> 
<button id="btnsel2" class="btnselect">Select</button> 

</div> 


</body> 

</html>

来源

2013-11-02 user2924759

当单击“选择”按钮时，您可以迭代并映射每个输入与主窗体中的输入。这个点击事件应该是这样的：

$('.btnselect').on('click', function() { 
    //cache this for performance 
    var mainForm = $(".divform"); 
    //inputs in #divChoices 
    var inputs = $(this).parent("div").find("input[type=text]"); 
    //iterate and assign 
    inputs.each(function(i) { 
     mainForm.find("input")[i].value = $(this).val(); 
    }); 
    //or simply do this : 
    //$("#sku1").val($("#ch1").val()) 
    //$("#sku2").val($("#ch2").val()) 
    //$("#sku3").val($("#ch3").val()) 
    $('#divChoices').hide() 
});

这里有一个演示：http://jsfiddle.net/hungerpain/78uw5/

来源

2013-11-02 12:08:04 krishgopinath

作品完美，感谢 – user2924759

请记住这是正确的答案，如果你认为它帮助你:) – krishgopinath

用Jquery隐藏选择表格

回答

相关问题