0

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

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

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

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

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

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

4

3 回答 3

1

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

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

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

于 2012-04-06T13:09:29.953 回答
1

你需要这样的 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();
});
于 2012-04-06T13:12:44.850 回答
1

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

享受。

于 2012-04-06T13:18:12.207 回答