set value of html element with jquery plugin

Question

I am looking for a jquery plugin that will check the type of element and set its value wither its via html() or val() or text() depending on the element. Is such available? Would be great to have a common plugin to set the value of a html element.

Collins: What have you run into that vanilla jQuery won't handle? — Andrew Whitaker
– Andrew Whitaker, Commented Mar 1, 2011 at 23:42

Jon Gauthier · Accepted Answer · 2011-03-02 00:23:58Z

1

I don't think you'd need a plugin for this, but you could write a quick jQuery extension:

$.fn.set_val = function(value) {
    switch ( this[0].nodeName.toLowerCase() ) {
    case 'input':
        $(this[0]).val(value);
        break;
    default:
        $(this[0]).html(value);
        break;
    }
};

Then you could call it like this:

<input type="text" name="foo" id="foo" value="" />
<div id="bar"></div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#foo').set_val('hello');
        $('#bar').set_val('goodbye');
    });
</script>

You could add more conditions for different HTML elements to the switch statement as needed. http://jsfiddle.net/hans/4T3x5/

answered Mar 2, 2011 at 0:23

Jon Gauthier

25.7k6 gold badges66 silver badges69 bronze badges

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

2 Comments

amateur Over a year ago

Thanks for this - exactly what I need. Wondering though, what is the difference between a "jquery extension" and "jquery plugin"?

Jon Gauthier Over a year ago

The way I see it, jQuery plugins are usually extensions as well. Plugins are just "pluggable" — meaning you can download a plugin file, add it to any HTML, and everything suddenly works. Extensions are just pieces of code that might be specific to a particular project and not easily portable to other projects.

Collectives™ on Stack Overflow

set value of html element with jquery plugin

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related