html input设置多行文本框的值,从html5 asp.net中的另一个文本框中设置文本框的值(set value of a text box from another text box in ...

最新推荐文章于 2024-02-02 16:13:49 发布

ATAH

最新推荐文章于 2024-02-02 16:13:49 发布

阅读量374

点赞数

文章标签： html input设置多行文本框的值

从html5 asp.net中的另一个文本框中设置文本框的值(set value of a text box from another text box in html5 asp.net)

我的mvc4 asp.net视图中有3个文本框。

代码是： -

A:	@Html.TextBox("A")
B:	@Html.TextBox("B")
Answer:	@Html.TextBox("C")

例如，我想要的是，

一旦我在TextBox A中输入“3”并在TextBox B中输入“2”，应立即在TextBox C中显示答案“5”，而不会点击任何提交按钮。

我怎样才能做到这一点？

谢谢。

I have 3 text boxes in my mvc4 asp.net View.

Code is:-

A:	@Html.TextBox("A")
B:	@Html.TextBox("B")
Answer:	@Html.TextBox("C")

For Example,What i want is,

As soon as i enter "3" in TextBox A and "2" in TextBox B, the answer "5" should be displayed instantly in TextBox C, without me hitting any submit button.

How can i do this?

Thank You.

原文：https://stackoverflow.com/questions/19629558

更新时间：2020-01-04 17:29

最满意答案

这是使用JQuery的另一种解决方案

要使用JQuery，您需要在head标签中添加JQuery lib，只需将以下行复制粘贴到head标签中即可。

JQuery的：

$(document).ready(function (){

$("#Txt_1").on('input', function () {

sumCal();

});

$("#Txt_2").on('input', function () {

sumCal();

});

function sumCal() {

var txt1 = $("#Txt_1").val();

var txt2 = $("#Txt_2").val();

var result = Number(txt1) + Number(txt2);

$("#Txt_3").val(result);

}

});

Here another solution using JQuery

For using JQuery you need to add JQuery lib in your head tag , just copy paste the below line in head tag.

JQuery:

$(document).ready(function (){

$("#Txt_1").on('input', function () {

sumCal();

});

$("#Txt_2").on('input', function () {

sumCal();

});

function sumCal() {

var txt1 = $("#Txt_1").val();

var txt2 = $("#Txt_2").val();

var result = Number(txt1) + Number(txt2);

$("#Txt_3").val(result);

}

});

相关问答

是的，您需要从TextBox控件中删除BorderStyle="None" 。在CSS中为此设置border样式，然后您可以使用focus 看看这个http://jsfiddle.net/xXEWK/ 您最初看不到文本框 - 单击右侧的“文本框 - >” I had to use - .myInput:focus {

border:solid 1px green !important;

}

Because the border style was being overrid

...

我检查了一切，最后得到了它，我不得不在web.config添加以下内容：

这解决了我的问题 I checked everything and finally got it, I had to add to my w

...

您不能这样做，因为RouteLink在服务器上呈现。如果你想根据用户输入构建一个没有回发的URL，你需要做一些客户端脚本(即JavaScript)。 You can't do that because the RouteLink gets rendered on the server. If you want to construct a URL based on the user input without a postback, you'll need to do some client-s

...

这是使用JQuery的另一种解决方案示例演示要使用JQuery，您需要在head标签中添加JQuery lib，只需将以下行复制粘贴到head标签中即可。

JQuery的：

$(document).ready(function (){

...

您错误地将错误添加到模型状态。您可以在MSDN上阅读有关ModelStateDictionary的更多信息 AddModelError需要2个参数，所以你会想要： ModelState.AddModelError("Amount", "Greater Than 2 Please.");

话虽如此，您可以使用属性来验证您的模型属性，因此您不必手动编写所有代码。以下是使用Range属性的示例。 RegularExpression属性也可以工作。这是一个MSDN文章，其中包含有关不同类型属性的信

...

你试过什么了？你几乎回答了自己的问题，让输入具有透明的背景。 input {

border: 0;

outline: 0;

background: transparent;

border-bottom: 2px solid black;

width: 20px;

}

的jsfiddle What have you tried so far? You pretty much answered your own question, make the inpu

...

看看这里http://msdn.microsoft.com/en-us/library/ff649310.aspx 你可以在web配置文件中设置一个覆盖语句ValidateRequest = true将检查所有用户输入并在用户插入错误字符的东西时抛出错误。如果你需要允许一些html标签，那么你将需要推出自己的。 Have a look here http://msdn.microsoft.com/en-us/library/ff649310.aspx You can put a blanket

...

在你的asp.net列表框的html中添加Autopostback = true。因为现在您的列表框在更改选择时不会回发。

SelectionMode="Multiple" AutoPostBack="true">

Welcome to PVAL Portal

...

如果您使用像jQuery这样的库，您可以非常轻松地获取元素并循环遍历值。如果您希望localStorage变量名称有意义，则分配输入字段名称，您可以执行以下操作：看看我的例子： http ： //jsfiddle.net/spacebean/BDutb/11/ $('form').submit(function() {

$('input, select, textarea').each(function() {

var value = $(this).val(),

...

你可以使用这个jquery函数： $(document).ready(function () {

$("#quantity").change(function (event) {

var quantity = this.value;

$("a[href^='/Cart.html?Id']")

.each(function () {

var index = this.href.lastIndexOf('=');

...