updating text with jquery in asp.net mvc view

Question

I have html like this

<div class="container">
   <input type="hidden" class="myID" value="123123123" />
   <div class="firstName"></div>
   <div class="lastName"></div>
   <div class="myImage"></div>
</div>

it is repeated over and over

I want to change the value of div with class ".firstName" that follows a specifc hidden field. I have this value properly stored in a var like this

var myID = @Model.myID;  //this is from c# mvc, but nevermind that - its value is correct
$('input[value="'+ myID + '"]').next(".firstName").text("mynewvalue");

How do I select a hidden input based on it's value with a variable in the selector?? I know that the hidden field is not even being selected , so the code after that - the .next() isnt important , I just need to know how to properly select a hidden field based on its value

I tried

$('input[value="myID"]').
$('input[value="'+ myID + '"]')
$('.myID[value="'+ myID + '"]')
$('[value="'+ myID + '"]')

UPDATE

oh, if I try $('input[value="123123123"]') meaning manually just type a value in there - it works

yes, if i just do $(".firstName") it will successfully change every one — Scott Selby
– Scott Selby, Commented Feb 15, 2013 at 4:33

darshanags · Accepted Answer · 2013-02-15 05:02:28Z

3

You can select hidden fields and you can select them by matching their attributes and values.

jQuery:

 $(":input[type='hidden'][value='123']");

This fiddle should get you sorted, of course you'll have to adapt it to your code. Docs on multiple attribute selectors : http://api.jquery.com/multiple-attribute-selector/

edited Feb 15, 2013 at 5:02

answered Feb 15, 2013 at 4:45

darshanags

2,5271 gold badge15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Scott Selby Over a year ago

I put into the question if I just type the value in the selector it works

Scott Selby Over a year ago

that's what I wanted, i'll accept , it looks though that my problem was not in my selector but in the var - as others suggested , you're code is pretty damn close to what I wrote , but of course- obivously- yours works :)

Scott Selby Over a year ago

updated jsfiddle.net/7Y43A/4 - now it is identical to my code , and works , and least that narrows it a little

Collectives™ on Stack Overflow

updating text with jquery in asp.net mvc view

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related