How to set the value of a text HTML input field by using JQuery?

Question

There is a HTML element of type text whose name is fiche_tache_ref. Inside a javascript file (.js) outside of the page's folder I want to set its value according to the value of a listbox selected :

function changerNatureRefTache(nature_tache_id) { // nature_tache_id is from a listbox

    var http_ajax = $('#http_ajax').val();
    var html = $.ajax({
    data: "nature_tache_id="+nature_tache_id ,
    type: "POST",
    url: http_ajax+"referentiel/AjaxTacheChangerNatureTache.php" ,  
    async: false
    }).responseText;

        // here I want to set the value of the field

}

Code of AjaxTacheChangerNatureTache.php is :

<?php
    if (isset($_POST['nature_tache_id'])) {
        define("ROOT_PATH", "../../");
        require_once ROOT_PATH  . 'config.inc.php';
        require_once RP_MODELS  . 'nature_tache.class.php';
        $db     = new DbConn();
        $obj    = new nature_tache($db->getInstance());
        $ret    = $obj->recupererNatureTache($_POST['nature_tache_id']);
        $code   = $ret['nat_code'];
        echo $code;
    }
?>

So how to set the value of the field using JQuery ?

Jon Taylor · Accepted Answer · 2012-07-13 12:06:29Z

4

Use the val() function

$('#idofinput').val("text you want in the field");

Since you are using name you can do the following

$('input[name=fiche_tache_ref]').val("text you want in the field");

Since names are not necessarily unique be careful with using the name as a selector. I would generally advise using an id instead.

answered Jul 13, 2012 at 12:06

Jon Taylor

7,9255 gold badges32 silver badges55 bronze badges

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

1 Comment

Rasmus Over a year ago

You beat me by a minute.. :-)

Rasmus · Accepted Answer · 2012-07-13 12:07:48Z

2

I dont get you correctly but something like this is used to set the value of input element in jquery:-

$("#elementid").val("myvalue");

answered Jul 13, 2012 at 12:07

Rasmus

8,50613 gold badges52 silver badges72 bronze badges

Comments

Priyank Patel · Accepted Answer · 2012-07-13 12:08:18Z

1

Use the val() function of Jquery.

$('#IdOfTextbox').val("Some Text");

Further Reference

answered Jul 13, 2012 at 12:08

Priyank Patel

7,01611 gold badges62 silver badges88 bronze badges

Comments

jerry · Accepted Answer · 2012-07-13 12:49:09Z

0

you'll get lots of the same answer to this question, because this is kind of the low hanging fruit in the jquery docs.

$("selector").val("new value");

but one tip I'll give you that will make your php a little cleaner is instead of defining a root path like this:

define("ROOT_PATH", "../../");

you can set an include path in an .htaccess file using the following code:

php_value include_path ".:/path/to/your/application"

and then you can require files relative to that path (i.e. require_once('config.inc.php') as opposed to what your essentially doing, which is require_once('../../config.inc.php').

The .htaccess file should live in the main directory that holds your application.

edited Jul 13, 2012 at 12:49

answered Jul 13, 2012 at 12:43

jerry

2,8279 gold badges44 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to set the value of a text HTML input field by using JQuery?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related