通过Javascript向textbox添加默认值_Javascript_Textbox

通过Javascript向textbox添加默认值

javascript

通过Javascript向textbox添加默认值,javascript,textbox,Javascript,Textbox,我试图向文本框添加值，但我不知道我在哪里出错。你们能帮忙吗。我无法在HTML标记本身中添加默认值 <html> <head> <script> $(document).ready(function() { $("#txtfirstName").val("Your First Name Here!"); $("input[id='txtlastName']").val("Your Last Name Here!");

我试图向文本框添加值，但我不知道我在哪里出错。你们能帮忙吗。我无法在HTML标记本身中添加默认值

<html>
<head>
<script>
    $(document).ready(function() {
        $("#txtfirstName").val("Your First Name Here!"); 
        $("input[id='txtlastName']").val("Your Last Name Here!"); 
});
</script>
</head>
<body>


  First name:<br>
  <input type="text" name="firstname" id="txtfirstName" >
  <br>
  Last name:<br>
  <input type="text" name="lastname" id="txtlastName">

</body>
</html>


$（文档）.ready（函数（）{
$（“#txtfirstName”）.val（“您在这里的名字！”）；
$（“输入[id='txtlastName']）.val（“您在这里的姓氏！”）；
});
名字：



姓氏：

仅供参考：这只是一个示例页面。
请用这个指导我。如果这篇文章不相关，请不要降级。只要让我知道，我会删除它

感谢您的帮助。

如果您想通过JavaScript更改值，则必须使用以下代码：

document.getElementById('txtfirstName').value = 'test';

您案例中的问题是您正在使用JQuery，而我在您的案例中看不到JQuery源代码的集成。您必须决定是使用JavaScript还是jQuery来完成它

使用JavaScript，您不需要外部框架，但我更喜欢jQuery而不是JavaScript，因为它更强大

这将是JavaScript的完整示例（不需要框架）：


document.getElementById（'txtfirstName'）。值='test'；
名字：



姓氏：

对于jQuery，同样的情况如下（在第一行中集成框架）：


$（文档）.ready（函数（）{
$（“#txtfirstName”）.text（“你好，世界！”）；
});

因此，您可以看到jQuery比JavaScript简单得多，使用的代码也更少

在这个JSFIDLE中查看它的工作情况：

如果要通过JavaScript更改值，则必须使用以下代码：

document.getElementById('txtfirstName').value = 'test';

您案例中的问题是您正在使用JQuery，而我在您的案例中看不到JQuery源代码的集成。您必须决定是使用JavaScript还是jQuery来完成它

使用JavaScript，您不需要外部框架，但我更喜欢jQuery而不是JavaScript，因为它更强大

这将是JavaScript的完整示例（不需要框架）：


document.getElementById（'txtfirstName'）。值='test'；
名字：



姓氏：

对于jQuery，同样的情况如下（在第一行中集成框架）：


$（文档）.ready（函数（）{
$（“#txtfirstName”）.text（“你好，世界！”）；
});

因此，您可以看到jQuery比JavaScript简单得多，使用的代码也更少

在这个JSFIDLE中查看它的工作情况：

您需要将JavaScript封装在一个脚本标记中。以下代码符合您的要求：

<script   
    src="https://code.jquery.com/jquery-3.1.0.min.js"   
    integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="     
    crossorigin="anonymous"></script>


<script>
    $(document).ready(function() {
        $("#txtfirstName").val("Your First Name Here!");
        $("input[id='txtlastName']").val("Your Last Name Here!");
    });
</script>
<body>


  First name:<br>
  <input type="text" name="firstname" id="txtfirstName" />
  <br>
  Last name:<br>
  <input type="text" name="lastname" id="txtlastName" />


<p>Note that the form itself is not visible.</p>

<p>Also note that the default width of a text input field is 20 characters.</p>

</body>


$（文档）.ready（函数（）{
$（“#txtfirstName”）.val（“您在这里的名字！”）；
$（“输入[id='txtlastName']）.val（“您在这里的姓氏！”）；
});
名字：



姓氏：

请注意，表单本身不可见
还要注意，文本输入字段的默认宽度为20个字符

此外，我还改变了JQuery查找其中一个输入的方式，因此您可以看到另一种方法

编辑：如果您不想使用JQuery，下面将使用纯JavaScript实现。它使用一个函数来封装load函数，因此使用无关的变量和函数来填充全局对象（窗口对象）


（功能（）{
函数init（）{
document.getElementById（“txtfirstName”）.value=“这里是您的名字！”
document.getElementById（“txtlastName”）.value=“此处显示您的姓氏！”
}
window.onload=init；
}())

您需要将JavaScript封装在脚本标记中。以下代码符合您的要求：

<script   
    src="https://code.jquery.com/jquery-3.1.0.min.js"   
    integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="     
    crossorigin="anonymous"></script>


<script>
    $(document).ready(function() {
        $("#txtfirstName").val("Your First Name Here!");
        $("input[id='txtlastName']").val("Your Last Name Here!");
    });
</script>
<body>


  First name:<br>
  <input type="text" name="firstname" id="txtfirstName" />
  <br>
  Last name:<br>
  <input type="text" name="lastname" id="txtlastName" />


<p>Note that the form itself is not visible.</p>

<p>Also note that the default width of a text input field is 20 characters.</p>

</body>


$（文档）.ready（函数（）{
$（“#txtfirstName”）.val（“您在这里的名字！”）；
$（“输入[id='txtlastName']）.val（“您在这里的姓氏！”）；
});
名字：



姓氏：

请注意，表单本身不可见
还要注意，文本输入字段的默认宽度为20个字符

此外，我还改变了JQuery查找其中一个输入的方式，因此您可以看到另一种方法

编辑：如果您不想使用JQuery，下面将使用纯JavaScript实现。它使用一个函数来封装load函数，因此使用无关的变量和函数来填充全局对象（窗口对象）


（功能（）{
函数init（）{
document.getElementById（“txtfirstName”）.value=“这里是您的名字！”
document.getElementById（“txtlastName”）.value=“此处显示您的姓氏！”
}
window.onload=init；
}())

首先，您需要在Javascript中使用

//此处的代码

检查占位符属性：，对于JQuery，$（'#txtfirstName'）就可以了，无需输入。同时，添加标记作为pmahomementioned@TedOP说他们不能给HTML标记本身增加值。看看我的例子：）@Ted我试过这么做，我已经更改了上面的代码并测试了这两种方法。好吧，对于初学者来说，你需要用

//你的代码在这里

检查占位符属性：，对于JQuery，$（“#txtfirstName”）就可以了，不需要说输入。除此之外,，将标记添加为pmahomementioned@TedOP说他们不能给HTML标签本身添加值。看看我的例子：）@Ted我试过这么做，我已经更改了上面的代码并测试了两种方法。我不想要onlick函数，这就是我没有添加任何按钮的原因。然后只需删除click函数和按钮@user3338497立即查看@user3338497I不需要onlick函数这就是我没有添加任何按钮的原因。然后只需删除click函数和按钮@user3338497立即查看@user3338497，但它没有作为默认值出现在文本框中。相反，它给了我这个错误。一秒钟后，我将修复添加到JQuery库引用中的itI。这项工作非常感谢。但很想知道如果我不

<script>
  (function () {
    function init () {
      document.getElementById("txtfirstName").value = "Your First Name Here!"
      document.getElementById("txtlastName").value = "Your Last Name Here!"
    }
    window.onload = init;
  }())
</script>