jquery在document.ready中抓取不同的id

我正在寫一個小腳本，它將查詢數據庫中的標題，並在輸入標題時帶回了建議。jquery在document.ready中抓取不同的id

我發現了一個例子，併成功地爲下面創建一個：

<head> 
<title>Match Form/title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type='text/javascript' src='jquery.autocomplete.js'></script> 
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /> 
<script type="text/javascript"> 
$(document).ready(function() 
    { 

     $("#course").autocomplete("get_title_list.php", { 

      width: 260, 
      matchContains: true, 
      mustMatch: true, 
      selectFirst: false 
     }); 
     $("#course").result(function(event, data, formatted) { 
      $("#course_val").val(data[1]); 
     }); 
    }); 

</script> 
</head>

這則作品，並允許打印出我的頁面上的結果，我的下一個任務是沿多個標題多個文本boxs並允許某人搜索數據庫，然後將結果返回給分配的框。

我知道id需要分配每個框的ID，然後在jquery中選擇該id，這是我掙扎的地方。任何幫助將不勝感激！

來源

2012-12-19 user1714133

'$（'＃ID1，ID2＃，＃ID3）'。其實，我會建議一個類而不是ID：'$（'。autocomplete'）'。 –

謝謝Hazmat有沒有什麼機會可以詳細說明這個問題？即時消息相當新的jquery感謝任何幫助！ – user1714133

而不是一個ID，將文本框更改爲類。類似這樣的應該與類「課程」的框：

 $(".course").autocomplete("get_title_list.php", { 
     width: 260, 
     matchContains: true, 
     mustMatch: true, 
     selectFirst: false 
    }); 
    $(".course").result(function(event, data, formatted) { 
     $(this).next(".course_val").val(data[1]); 
    });

來源

2012-12-19 16:46:52 Samsquanch

我現在有一個現在的問題，我需要能夠將數據複製並粘貼到電子表格中，並且它不能很好地處理文本框，我試圖將結果輸出到標籤，這不起作用您有任何想法嗎？ – user1714133

要做到這一點，你可以將所有'course_val'文本框改爲標籤，而不是'$（this）.next（「。course_val」）.val（data [1]）;'use'$（this） .next（「。course_val」）.text（data [1]）;'改爲。 – Samsquanch

我建議使用類而不是ID。 ID必須是唯一的，但是您可以擁有多個具有相同類的元素，因此您可以輕鬆一次全部選擇它們。

實施例：

<input id="A" class="auto" /> 
<input id="B" class="auto" /> 

<script> 
    $('.auto').autocomplete({}); // the '.' is used to select by class 
</script>

來源

2012-12-19 16:47:07

回答

相關問題