Text changed event for textbox

Question

0.00/5 (No votes)

See more:

Hi...
I am begginer to MVC.In View there are two textboxs.When i will change first textbox value at that time second textbox value also alter depending on first textbox value..So How to write text change event for textbox in mvc.
Thanks...

Posted 15-Jan-14 18:56pm

Rohini Shirke

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christian Graus · Answer 1 · 2014-01-19T16:59:00

Solution 2

This is a javascript question. You can use jquery to set up events for text change, and to change the text in your other control at the same time. MVC has literally nothing to do with it, it's an engine for creating HTML and javascript, and in this case, you want to write the javascript directly.

The other person has given a wrong answer. This is what you'd do:

$('#eventType').change(function() {
$('#text2').text($('#text1").text());
}
});

Assuming .text is right ( I thought it was .val ), and assuming your two textboxes have ids of text2 and text1.

Posted 19-Jan-14 16:59pm

Christian Graus

Updated 19-Jan-14 17:33pm

v2

Comments

Rohini Shirke 20-Jan-14 7:12am

Thanks..
I have write java script function.Following is my java script function
<script type="text/javascript">
function myFunction()
{
var id1 = $("#TbFrom").val();
window.location="/MassConversion/demoFun?id="+id1;

}

My View is
<td>
<input type="text" id="TbFrom" value="@TempData["TbFromVal"]" öninput="myFunction()" />
</td>
<td>
<input type="text" id="TbTo" value="@TempData["TbToVal"]" />
</td>
From java script i will call function name "demofun".
public ActionResult demoFun(double id)
{
@TempData["TbFromVal"] = id;
@TempData["TbToVal"] = id*100;
return View("Index","_Layout");

}
Problem is When i change TbFrom value then master page(_Layout.cshtml) layout will be change.That means css will not be applied to Master page(_Layout.cshtml) after demo fun will executed.

Christian Graus 20-Jan-14 13:43pm

Your script changes the URL. That's not what you said you wanted to do at all ? Why does the master page change when the id changes ? If you're using MVC, why are you using the query string ? How is @TempData a valid variable name in C# ? Why are you setting server side variables ? Shouldn't you create a viewmodel and pass it to the view ? You need to explain more, this looks broken to me, or at least, like you're not using MVC properly

Member 13478674 27-Oct-17 5:24am

12

Rohini Shirke 21-Jan-14 3:08am

Thnks..
In my controller i was use @Tempdata["TbTo"] (reason for that I want when i enter input in "TbFrom" textbox & performing some operation on that textbox value.result will be displayed in "TbTo" textbox.

Christian Graus 21-Jan-14 3:18am

That's pretty useless. @Tempdata["TbTo"] is not a client side construct. You need to post the actual code, all of it, I think, because it doesn't seem like you know what you're doing.

Rohini Shirke 21-Jan-14 5:08am

Thanks..
so what should i use Instead of @Tempdata["TbTo"] to work like that.

Rohini Shirke 21-Jan-14 5:09am

How to call controller method from script with parameter.

Christian Graus 21-Jan-14 13:33pm

With an AJAX call, of course. There is no other way, your script is on the client and you need to talk to the server, so you need to talk over the internet.

Rohini Shirke 21-Jan-14 23:41pm

Thanks..
So can I write correct code??? But There is problem with master page when i will call cotroller method from script.

Christian Graus 21-Jan-14 23:44pm

There is no master page on the client. There is only one block of HTML and javascript ( and external js files, but they are not in any way bound by the master page ). So, you're throwing up a new issue, which should not be an issue at all. You can't 'call controller methods from script', you can only make AJAX calls to controllers ( WEB-API would be the way to do this if you're using MVC4 ).

Member 13478674 27-Oct-17 5:24am

as

Rohini Shirke 22-Jan-14 2:20am

Thnks..
Please give me any example of how to make AJAX calls & how to use WEB-API.Please give full example.I want to call cotroller method.

Christian Graus 22-Jan-14 16:28pm

Consider reading some online articles, there's tons of them.

Rohini Shirke 22-Jan-14 3:15am

Actully I want to make unit converter application (like currency converter)in MVC.In my view there is two combobox & two textboxs.When i will give input in first box i want to result in textbox to according to combobox selected value.

Christian Graus 22-Jan-14 16:29pm

You don't need AJAX OR web-api for that, that's just basic javascript to do the conversions and I'd use jquery to push the results on to the page. So, go ahead, read a bit, try some things, and ask SPECIFIC questions when you're stuck, posting your code so we can see what you've tried and where you need help

Rohini Shirke 22-Jan-14 23:29pm

Thanks a lot....

Abhinav S · Answer 2 · 2014-01-19T17:30:00

Solution 3

If you use JQuery, this can be achieved quite easily.

JavaScript

$('#eventType').change(function() {
        $('#texr2').text('New Text');
    }
});

Posted 19-Jan-14 17:30pm

Abhinav S