Question

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

感谢。

Answer 1

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

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

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

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

接下来，将eventlistener绑定到input1

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

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

Answer 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/

Answer 3

简单的方法是使用类似jQuery的东西来操纵你的DOM对象。

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

这是一个jsFiddle让你上路。（它还包括第一个<input>中少于4个字符的条件）

快乐的编码！：）

Answer 4

最好展示你的尝试。

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

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

使用javascript获取文本框的值

4 个答案: