使用OnClick / A Href标记显示隐藏的Tbody内容

时间:2011-03-15 23:06:12

标签: javascript html

我有各种隐藏表,可以使用onChange事件显示。在其中一个表的内容中,我想放一个超链接,将我带回以前隐藏的表。所以,首先,我有:

<table>
<tbody id="option11" style="display: none;">
<tr>
    <td>
        <p>
        <select name="type" onChange="display(this,'option11a','option11b');">
        <option>Please select:</option>
        <option value= "option11a">Missed Deadline</option>
        <option value= "option11b">Application Down</option>
        </select>
        </p>
    </td>
</tr>
</table>

与此表关联的onChange是:

 function display(obj,id11a,id11b) 
{
    txt = obj.options[obj.selectedIndex].value;
    document.getElementById(id11a).style.display = 'none';
    document.getElementById(id11b).style.display = 'none';  

    if ( txt.match(id11a) ) 
        {
        document.getElementById(id11a).style.display = 'block';
        }
    if ( txt.match(id11b) ) 
        {
        document.getElementById(id11b).style.display = 'block';
        }
}

如果用户选择选项11a,则会显示:

<table>
<tbody id="option11a" style="display: none;">
<tr>
    <tr>
        <td><p>1.  Identify missing work.</p></td>
        <td><p>2.  Contact management.</p></td>
    </tr> 
</tr>

并且,如果用户选择选项11b,则会显示:

<table>
<tbody id="option11b" style="display: none;">
<tr>
    <tr>
        <td><p>1.  Contact management.</p></td>
        <td><p>2.  Refer to Missed Deadline instructions.</p></td>
    </tr> 
</tr>

所以我想做的是:在“参考错过的截止日期说明”中放置一些类型的超链接,点击后再次显示带有tbody id option11a的表格。

让我知道我是否应该更好地澄清。非常感谢所有的帮助!感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用jquery的.last选择器轻松完成此操作。

http://api.jquery.com/last-selector/