I want to change the value of an element with JavaScript.
$("#mixui_title").val("very happy cow");<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<span id="mixui_title">Angry cow sound?</span>
-
How are you triggering the change?Virat Kadaru– Virat Kadaru2009-11-19 19:56:32 +00:00Commented Nov 19, 2009 at 19:56
-
@Virat A trigger is not needed in this example.Justin Johnson– Justin Johnson2009-11-19 22:52:31 +00:00Commented Nov 19, 2009 at 22:52
-
Question headline could be better...Don Wakefield– Don Wakefield2009-11-19 22:53:36 +00:00Commented Nov 19, 2009 at 22:53
-
As noted by others and +1 by me, span has text, not value, inputs contain value (val), use .text instead.Mark Schultheiss– Mark Schultheiss2009-11-19 23:05:55 +00:00Commented Nov 19, 2009 at 23:05
Add a comment
|
4 Answers
Use the text method instead:
$("#mixui_title").text("very happy cow");
Comments
Try html() function instead :
<span id="mixui_title">Angry cow sound?</span>
<script type="text/javascript">
$("#mixui_title").html("very happy cow");
</script>
1 Comment
Justin Johnson
Text might be more appropriate here. But then again, that might be slicing hairs.
2 Things:
1- Usualy, javascript is placed at the top of the page. If you do this in the future, you'll need to need to enclose it in the jQuery equivalent of document.ready:
$(function() {
// do stuff
});
This tells jQuery to run the function as soon as the document is ready.
2- For any value between two opening/closing tags, you need to use the jQuery method .html("enter text to change") while the .val() method is used to change the value of any control with the attribute value="" like inputs:
<input type="submit value="This will be changed with val()" />
The following should work fine. Note its wrapped in $(function() { }); and is using the .html() property and is placed at the top of the page.
<script type="text/javascript">
$(function(){
$("#mixui_title").html("very happy cow");
});
</script>
<span id="mixui_title">Angry cow sound?</span>
2 Comments
Josh Hinman
Actually, for performance reasons JavaScript should be placed at the bottom of the page. See: developer.yahoo.com/performance/rules.html#js_bottom
Justin Johnson
JavaScript should typically be placed at the bottom of the page to increase page render times. See: developer.yahoo.com/performance/rules.html#js_bottom
It's not enclosed by the
$(document).ready(function(){
//your code goes here
});
1 Comment
Jason Harwig
not needed if the script is placed after the element in the page, like submitters example