單擊一個大表中的一個單元格，並將該單元格的內容插入表單域

Question

我有一個包含多個用戶可填寫字段的表單。用戶需要在包含大量數據表的彈出窗口中選擇的那些字段中輸入一個數字。

例如，一個字段可能會顯示「稅率」。用戶將（最好）點擊（空）「稅率」輸入字段，這會產生大量的數據表。用戶可以（最好）單擊該表中的一個值，然後關閉該表並使用該值填充輸入字段。

我希望（reaaallllyy希望）是我不必爲表中的每個單元格創建某種特殊的ID爲了將數字傳遞迴表單字段，因爲表是巨大的，我希望以普通的舊格式<tr><td>1.234</td></tr>創建它們。

我嗅到jQuery，但我並不熟悉如何實現它。任何幫助將不勝感激。

Answer 1

下面是使用jQueryUI的對話框一個非常基本的演示，可能讓你開始：

HTML：

Rate:<input type="text" id="rate_input" /> 
<div id="dialog" title="Click a value to fill input and close dialog"> 
    <table id="rates" border="1" width="100%"> 
     <tr> 
      <td>Value 1</td> 
      <td>Value 2</td> 
      <td>Value 3</td> 
     </tr> 
    </table> 
</div> 

的jQuery：

$(function(){  
    $('#dialog').dialog({ 
     autoOpen: false, 
     width: 400 
    }); 

    $('#rate_input').click(function() { 
     $('#dialog').dialog('open'); 
    }); 

    $('#rates td').click(function() { 
     $('#rate_input').val($(this).text()); 
     $('#dialog').dialog('close'); 
    }); 
}); 

DEMO：http://jsfiddle.net/5jMqJ/