1

我有下面的代码在点击。

<form action="" name="testform" method="post" id="testform">
<input type="hidden" value="" name="a">
<input type="hidden" value="" name="b">
<input type="hidden" value="" name="c">
<select>
    <option value=""></option>
    <option value="" onclick="document.testform.a.value='12'; document.testform.b.value='111'; document.testform.c.value='123'">1</option>
    <option value="" onclick="document.testform.a.value='21'; document.testform.b.value='222'; document.testform.c.value='232'">2</option>
    <option value="" onclick="document.testform.a.value='32'; document.testform.b.value='333'; document.testform.c.value='233'">3</option>
    <option value="" onclick="document.testform.a.value='43'; document.testform.b.value='444'; document.testform.c.value='344'">4</option>
    <option value="" onclick="document.testform.a.value='54'; document.testform.b.value='555'; document.testform.c.value='345'">5</option>
</select>

当您选择 1 时，a、b、c 的隐藏字段将获得 1 的值。

这很好用，但是我在这里有一个更大的项目，用户可以在整个表单中为“a”选择多个值。没有 onclick 我可以很好地工作，例如

<input type="hidden" name="a[]" value="1">

但是当我这样做时

<form action="" name="testform" method="post" id="testform">
<input type="hidden" value="" name="a[]">
<input type="hidden" value="" name="b[]">
<input type="hidden" value="" name="c[]">
<select>
    <option value=""></option>
    <option value="" onclick="document.testform.a[].value='12'; document.testform.b[].value='111'; document.testform.c[].value='123'">1</option>
    <option value="" onclick="document.testform.a[].value='21'; document.testform.b[].value='222'; document.testform.c[].value='232'">2</option>
    <option value="" onclick="document.testform.a[].value='32'; document.testform.b[].value='333'; document.testform.c[].value='233'">3</option>
    <option value="" onclick="document.testform.a[].value='43'; document.testform.b[].value='444'; document.testform.c[].value='344'">4</option>
    <option value="" onclick="document.testform.a[].value='54'; document.testform.b[].value='555'; document.testform.c[].value='345'">5</option>
</select>

我的隐藏值中没有任何内容。

为什么是这样？

有没有更好的方法来做我想要用 jQuery 做的事情？

4

2 回答 2

4

这是针对您的问题的修改后的 jsfiddle 链接。 http://jsfiddle.net/et3r7/12/请检查这是否对您有帮助。我已将文本隐藏以显示结果，您可以将其隐藏。

我已经稍微清理了你的代码。删除了所有的 onClick 代码。

于 2012-07-23T12:50:14.490 回答
2

我不认为这.value是数组的属性。（其实我是一个derp，它可能是数组元素的一个属性——我会查一下）我也会看一下数组的push()方法来添加元素。

您可以通过其他几种方法来完成此任务。使用 JS，您可以将其抽象一点，并创建一个函数来完成每次点击所做的工作，这将使您的代码更加简洁。

如果使用 jQuery，这也很容易完成，但我会评估这部分功能是否值得额外下载（jQuery 已压缩和压缩为 32KB）。

于 2012-07-23T12:45:02.550 回答