如何将表单发送到javascript函数

Question

我需要您的帮助才能了解如何将信息从表单发送到javascript函数。

我在这里创建了一个基本功能：http://jsfiddle.net/nZhR8/5/

此功能的目的是隐藏/显示div。

事实上，我会有一个包含几个联系人的表（0到20之间）。每个联系人都会有一个选择列表。对于每个联系人，我将必须显示1个特殊div，具有1个自己的特殊性。因此，对于contact1，我可能必须显示div3，而对于contact2，则显示div1。

我还将使用javascript函数发送到必须显示div的数据库。这将是一种进步。

如果我做错了，请告诉我原因。

Answer 1

首先，从你定义函数showDiv的地方删除$(...)，因为你不想在页面加载时执行showDiv。

除此之外，你的问题似乎是jsFiddle。它没有在那里工作，但是当我将你在jsFiddle上发布的内容完全复制粘贴到文件中时，修复了我上面提到的并在FF中尝试过它，它起作用了。

当然，您可以对代码做些更好的事情，但它确实有效。建议：为所有div提供相同的类并通过id区分它们，然后隐藏该类的所有内容并显示具有正确ID的那个。对于onload，不要复制整个代码，只需执行showDiv(1)。

Answer 2

您需要this 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使用一个公共类

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

所以你可以这样做：

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

享受。