如何將表格發送至 javascript function

Question

我需要你的幫助來了解如何將信息從表格發送到 javascript function。

我在這里創建了一個基本的 function： http://jsfiddle.net/nZhR8/5/

這個 function 的目的是隱藏/顯示一個 div。

事實上，我會有一個包含幾個聯系人（0 到 20 之間）的表。 每個聯系人都有一個選擇列表。 對於每個聯系人，我必須在 function 中顯示 1 個具有 1 個特殊性的特殊 div。 因此，對於 contact1，我可能必須顯示 div3，對於 contact2，顯示 div1。

我還將使用 javascript function 發送到必須顯示 div 的數據庫。 這將是一種進步。

如果我做錯了，請告訴我原因。

Answer 1

首先，從您定義 function showDiv 的位置刪除$(...) ，因為您不想在頁面加載后執行 showDiv。

除此之外，您的問題似乎是jsFiddle。 它在那里不起作用，但是當我將你在 jsFiddle 上發布的內容復制並粘貼到一個文件中，修復我上面提到的內容並在 FF 中嘗試時，它起作用了。

當然，您可以對代碼做一些更好的事情，但它確實有效。 建議：給所有 div 相同的 class 並通過 id 區分它們，然后隱藏帶有該 class 的所有內容並顯示具有正確 ID 的那個。 對於 onload，不要復制整個代碼，只需執行showDiv(1) 。

Answer 2

你需要像這樣的 jsFiddle嗎？

<div id="1" class="1">1</div>
<div id="2" class="2">2</div>
<div id="3" class="3">3</div>
<div id="4" class="4">4</div>
<div id="5" class="5">5</div>

$('div').hide();

$('#StateSelection').change(function() {
    var $this = $(this);
    $('div').filter('.'+$this.val()).show();
});

Answer 3

我看不出這背后的想法，但這可以解決問題： http://jsfiddle.net/YCPM7/

那一定是一個更大項目的簡單草稿。

此外，我建議您為每個 DIV 使用通用的 class

<div class="message 1">1</div>
<div class="message 2">1</div>
<div class="message 3">1</div>
...

所以你可以簡單地做：

$(".message").hide();

享受。