javascript - 如何将表单发送到 javascript 函数

Question

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

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

这个函数的目的是隐藏/显示一个 div。

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

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

如果我做错了，请告诉我为什么。

score 1 · Accepted Answer

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

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

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

score 1 · Accepted Answer

<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();
});

score 1 · Accepted Answer

我没有看到这背后的想法，但这可以解决问题：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();

享受。

3 回答 3