Change value of html element with external javascript

Question

Below is the div that I want to alter

<div id="@page.Page" class="pageMessages" data-messages='@Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(@page.Messages))'></div>

I want to change the value of the message when a javascipt function is called from an external .js file. What is the correct way to do this?

VIDesignz · Accepted Answer · 2012-11-02 22:17:23Z

1

Like So...

// This Performs the Change
$('#changeme').attr('data-messages', 'New Value');

// Show the Change
$('#changeme').html( $('#changeme').attr('data-messages') );

Here is a Working Fiddle

The one problem I see is the id='@page.Page' , this doesnt work.

answered Nov 2, 2012 at 22:17

VIDesignz

4,8133 gold badges30 silver badges38 bronze badges

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

Comments

Erind Dollaku · Accepted Answer · 2012-11-02 22:15:22Z

0

I hope i get what you're trying to do, you can use jquery's change attribute for that

JQUERY

<script>
$(document).ready(function(){
   $(".pageMessages").attr("data-messages","your-new-value-here");
});
</script>

DOC: http://api.jquery.com/attr/

answered Nov 2, 2012 at 22:15

Erind Dollaku

3692 silver badges9 bronze badges

Collectives™ on Stack Overflow

Change value of html element with external javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related