即時創建一個鏈接時，用戶將在一個表單箱

Question

我有一個形式的代碼....

<form id="orderform" method="post" orderform="" name=""> 
    <table width="533" cellspacing="0" cellpadding="2" border="0" id="ordertable"> 
    <tbody> 
    <tr> 
     <td>Product Code</td> 
     <td>Meterage</td> 
     <td>Sample Img</td> 
    </tr> 
    <tr class="item"> 
     <td class="prodcode"> 
     <input type="text" id="prodcode" name="prodcode"> 
     </td> 
     <td class="meterage"> 
     <input type="text" id="meterage" name="meterage"> 
     </td> 
     <td class="imgsample"></td> 
    </tr> 
    </tbody> 
    </table> 
</form> 

什麼，我想，當用戶點擊開箱即用的prodcode是它搜索的圖像參考文件夾...的imgsample頭使用便進入了prodCode特定項目下創建一個鏈接...

http://www.mylink.com/images/folder/sub-folder/imageref.jpg

這是一個不可能完成的任務，任何想法？

Answer 1

我希望這是你所要求的。

$("#prodcode").blur(function() { 
    $.post(
     'yourpage.php', //this page reads the image code and gives you the image location 
     { action: 'searchimage', imgreference: $('#prodcode').val() }, 
     function(data) { 
      //export the link as data    
      $("td.imgsample").html('<img src="'+data+'"/>'); 
     } 
     ); 
}); 

Answer 2

綁定到prodcode輸入的模糊事件，
當它模糊了問題的AJAX調用服務器，以獲得正確的網址
，並在回調只是建立鏈接並將其設置爲.imgsample的HTML

Answer 3

如果你想有一個鏈接，你需要確保它ISD是得到它最接近的表格單元格，你有，你可以嘗試像

$("#prodcode").bind("blur", function() { 
    var linkStr = "<a href="http://www.mylink.com/images/folder/sub-folder/"+ $("#prodcode").val()+".jpg"; 
    $("#prodcode").closest("td.imgsample").html(linkStr); 
});