Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户从“选择”菜单中选择某个元素时显示输入文本字段_Javascript - Fatal编程技术网

Javascript 当用户从“选择”菜单中选择某个元素时显示输入文本字段

Javascript 当用户从“选择”菜单中选择某个元素时显示输入文本字段,javascript,Javascript,我试图让这段代码只运行普通的JS 当用户选择“其他”时,我希望输入字段显示,但仅当用户选择“其他”时显示 我隐藏了输入,因此在调用之前不会显示 我在选择字段上设置了一个侦听器 创建if/else语句,查找select字段的值,并将其设置为other的值 我错过了什么 const select=document.getElementById'title'; 让textField=document.getElementById'other-title'。style.display=none; //

我试图让这段代码只运行普通的JS

当用户选择“其他”时,我希望输入字段显示,但仅当用户选择“其他”时显示

我隐藏了输入,因此在调用之前不会显示

我在选择字段上设置了一个侦听器

创建if/else语句,查找select字段的值,并将其设置为other的值

我错过了什么

const select=document.getElementById'title'; 让textField=document.getElementById'other-title'。style.display=none; //这将焦点设置在第一个输入字段上 函数setFocusToTextBox{ document.getElementByIdname.focus; } setFocusToTextBox; select.addEventListenerchange,函数{ ifselect.value===“其他”{ textField.style.display=块; }否则{ textField.style.display=无; } }; 问题在于:

让textField=document.getElementById'other-title'。style.display=none 您正在分配textField字符串值none

改为这样做:

让textField=document.getElementById'other-title'; document.getElementById'other-title'.style.display=none; 这项工作:

const select=document.getElementById'title'; var textField=document.getElementById'other-title'; var otherTitleLabel=document.getElementById'other-title-label'; //这将焦点设置在第一个输入字段上 document.getElementById'other-title'.style.display=none; otherTitleLabel.textContent=; 函数setFocusToTextBox{ document.getElementByIdname.focus; } setFocusToTextBox; select.addEventListenerchange,函数{ ifselect.value===“其他”{ textField.style.display=块; }否则{ textField.style.display=无; otherTitleLabel.textContent=; } }; 基本信息 姓名: 电邮: 工作角色 全栈JavaScript开发人员 前端显影剂 后端开发人员 设计师 大学生 另外 其他标题
让textField=document.getElementById'other-title'。style.display=none;应该让textField=document.getElementById'other-title'@我试过了。运行该操作时,当页面刷新时,它将立即显示输入字段,但当您单击菜单中的任何选项时,输入字段将消失。不过,您不应在同一操作中分配变量和更改样式。@RobbyCornelissen。答案就在这里。我在函数中再次调用了元素!非常感谢。这就是解决办法!