使用javascript获取文本框的值[关闭]答案

【问题标题】：getting the value of textbox using javascript [closed]使用javascript获取文本框的值[关闭]
【发布时间】：2025-12-10 07:45:01
【问题描述】：

我是 MVC 的新手。我正在开发一个应用程序。该应用程序包含两个文本框。第一个文本框允许用户输入代码。例如，代码可以是1204033333。我要做的就是获取第一个 texbox 的前四位数字并将它们与第二个文本框一起显示。例如，如果用户键入1204033333，我希望第二个文本框的值为 12.04。这意味着前四位数字带有。在中间。

谢谢。

【问题讨论】：

你试过什么？你的结构是什么？您查看了哪些资源来尝试自己解决问题？
对于投反对票的人来说，这是这家伙问的第一个问题（请参阅他的个人资料）给他一些建议和技巧，比如@ZachSaucier
@TeunPronk 被问到的第一个问题并不是问一个坏问题的恰当借口。事实上，在提出问题之前没有理由不做适当的研究。
投反对票是建议 - 建议是“这个问题不够好，请阅读help center”具体：how to ask a good question
此外，* 会在您发布第一个问题之前为您提供大量建议。当然，如果您不跳过此内容。

标签： javascript jquery

【解决方案1】：

好的：首先，您需要为两个输入框添加一个 id

<input type="text" id="input1" />
<input type="text" id="input2" />

现在您可以使用 JavaScript 轻松访问它们：

var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");

接下来你将一个事件监听器绑定到你的 input1

input1.onchange = inputChangeHandler;
function inputChangeHandler(e){
  input2.value = input1.value.substr(0,1) +"."+ input1.value.substr(2,3);
}

此代码未经测试，因此您可能需要更改一些内容，但这是基本思想。我不明白的是你在谈论MVC，但这与MVC完全无关......

【讨论】：

这个问题也被标记为 jQuery，所以一个 jQuery 答案肯定会比这个原始的 javascript 答案更简单（例如 user2314737 的答案）？
当然，它会更短......但我提供了一个全 javascript 的答案，不需要像 jQuery 这样的大型库。如果无论如何都需要 jQuery（对于其他东西），你最好使用 user2314737 的答案

【解决方案2】：

创建两个输入框

   <input type='text' id='mybox' > 
   <input type='text' id='mybox2' >

在 Javascript/Jquery 中，每次更新第一个文本框时都会更新第二个文本框的值：

var myval;
$('#mybox').on('input', function () {
    myval = $(this).val();
    $('#mybox2').val(myval.substring(0, 2) + '.' + myval.substring(2, 4));
})

这是一个演示http://jsfiddle.net/K99GA/2/

【讨论】：

我喜欢这个使用输入事件。很好很简单。您可以在事件中使用$(this) 进行简化，尽管myvar 应该只在回调本地。

【解决方案3】：

简单的方法是使用 jQuery 之类的东西来操作 DOM 对象。

使用 jQuery 的 .val() 函数获取和设置 <input> 元素中的值。

这里是jsFiddle，可以帮助您上路。（还包括第一个 <input> 中少于 4 个字符的条件）

编码愉快！ :)

【讨论】：

一个 jQuery 答案应该比一个 Javascript 答案短...请参阅 user2314737 的答案（它也会在您输入时更新）。

【解决方案4】：

最好展示你的尝试。

另外我不想只给你答案，我认为最好为你指出正确的方向。要获取文本框的值，您可以使用 jQuery 中的 .val() 函数。 Link。要复制字符串，您可以使用substring function

我希望你能从这里弄清楚:)

【讨论】：