Question

我有两个文本字段，一个名为label，另一个名为link。我希望当用户点击控制 - （破折号）时，他只获得标签文本字段。但是，当我尝试隐藏文本字段时，只有文本字段消失，链接标签保持不变。我不能使用JQuery，所以我没有在这里找到解决方案，如果我想念它，请告诉我。

这是我的HTML：

<form id='linkEditDiv'>
  <table>
   <tr><th>Label:</th><td> <input type='text'  name='label'></td></tr>
   <tr><th>Link:</th><td> <input type='text' name='link'></td></tr> 
 </table>
</form>

这是我的Javascript：

var key=[];
        document.onkeydown = checkKey;
            function checkKey(e) 
            {
                e = e || window.event;
                 key[e.keyCode] = e.type == 'keydown';
        if (key[17]&&key[189])//checks if the control key and the dash key was hit
                {   

                        key=[];
                        document.getElementById('linkEditDiv').style.display='block';//if the textfield was already invisible 
                        document.getElementsByName('link')[0].style.display='none';

Answer 1

可怕的代码，但把名字放在tr中，它会隐藏所有内容。

HTML

<tr name= 'link'><th>Link:</th><td> <input type='text'></td></tr>

JS

document.getElementsByName('link')[0].style.display='none'

注意：此示例使用您的代码而不是我将如何操作。 jQuery是你的朋友。

编辑：如果您需要，则还原为第一个版本，但我不会在tr标记中添加名称属性，您最好使用ID。

在Javascript中隐藏Textfield及其标签

1 个答案: