从外部JavaScript文件动态更改输入id的类型
我的从外部JavaScript文件动态更改输入id的类型,javascript,html,Javascript,Html,我的page.php包含div id=“container”和id=“input”默认类型是input type=“text”: 这种方法只有在调用包含在page.php中的函数时才有效,但在外部文档中使用时:方法不起作用。因此,我正在寻找一些正确的方法来动态更改输入类型,并将相同的id名称从外部myjs.js保留到我的页面。php是JavaScript中的一个关键字,用于声明变量,不能将其用作变量名,请尝试命名变量val或其他内容: 函数textToPassType(val){ 如果(val
page.php
包含div id=“container”
和id=“input”
默认类型是input type=“text”
:
这种方法只有在调用包含在page.php
中的函数时才有效,但在外部文档中使用时:
方法不起作用。因此,我正在寻找一些正确的方法来动态更改输入类型,并将相同的id名称从外部myjs.js
保留到我的页面。php
是JavaScript中的一个关键字,用于声明变量,不能将其用作变量名,请尝试命名变量val
或其他内容:
函数textToPassType(val){
如果(val==1){
document.getElementById('input')。type='password';
}else if(val==0){
document.getElementById('input')。type='text';
}
}
textToPassType(1)代码>
代码工作正常。那你做错了什么?如何调用textToPassType
@epascarello您好,我只是从一个if语句条件调用它,在键入同一个文本框textToPassType(1)时,该条件将为true代码>,但它不会将文本更改为密码,即使我使用loadwell调用此函数,我也会在snipplet中运行代码,并在chrome上运行。@epascarello是的,我明白了。我无法找出这里的错误,我已经删除了所有css和焦点插入符号函数,但同样的结果对meHello来说运行良好,这是一个输入错误,是由其他原因导致的失败,因为我错过了要点,很抱歉,请检查我的编辑,因为我想在page.php
中从外部myjs.js
更改它
<div class="container">
<div class="row">
<div class="col-75">
<div id="container">
<input type="text" id="input" value="" name="password">
</div>
<input type="submit" value="OK" id="logBtn">
</div>
</div>
</div>
function textToPassType(val1){
if (val1 == 1){
document.getElementById('input').type = 'password';
} else if (val1 == 0){
document.getElementById('input').type = 'text';
}
}