jQuery遍历表单元素
默认情况下,我试图隐藏表单标签和文本框,并在选择某个选项时使其显示。我不明白为什么我的代码总是失败jQuery遍历表单元素,jquery,forms,select,traversal,Jquery,Forms,Select,Traversal,默认情况下,我试图隐藏表单标签和文本框,并在选择某个选项时使其显示。我不明白为什么我的代码总是失败 <tr> <td><label>My Label</label></td> <td> <select name="1" id="1"> <option value="2" selected="selected">2</option>
<tr>
<td><label>My Label</label></td>
<td>
<select name="1" id="1">
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="Other">Other</option>
</select>
</td>
<td><label class=".otherHide">Other</label></td>
<td><input class=".otherHide" type="text" name="otherSpec" id="otherSpec" /></td>
</tr>
jQuery(document).ready(function()
{
jQuery('#1').change(function()
{
jQuery('#1 option:selected').each(function()
{
if (jQuery(this).text() == 'Other')
{
jQuery('.otherHide').each(function()
{
jQuery(this).animate({opacity: 0.0}, 2000);
});
}
});
}).change();
});
我的标签
2.
3.
4.
其他
其他
jQuery(文档).ready(函数()
{
jQuery('#1').change(function()
{
jQuery('#1选项:选中')。每个(函数()
{
if(jQuery(this).text()=“其他”)
{
jQuery('.otherHide')。每个(函数()
{
动画({opacity:0.0},2000);
});
}
});
}).change();
});
它当前设置为隐藏我为什么要测试的表单元素
我最初不使用类,而是尝试遍历它。在那一点上失败了,我不得不去上课,结果失败了
为什么jQuery不选择我的元素?> 值得注意的是: ID和NAME标记必须以字母([a-Za-z])开头,并且可以是 后跟任意数量的字母, 数字([0-9]),连字符(“-”), 下划线(“”)、冒号(:”)和 句号(“.”)
除此之外,HTML中没有class
otherHide
元素。id实际上不是数字。我只是用它们来阻止人们关注无关的信息。事后看来,坏主意xD I似乎也粘贴了旧代码>>最后两个TD应该是:Other you want class=“otherHide”而不是class=“.otherHide”。句点仅在CSS选择器中用于表示您正在寻找一个类……半个小时的时间盯着这段代码,试图找出为什么jQuery不能很好地运行,结果却是HTML中的一个简单错误>\u>谢谢您的帮助;)