How to select value in input field with jquery?

Question

I'm trying to get the value in my input field to be put into my post statement to be sent to my php file to update the record without reloading the page. It works fine with static information that I put in but when I want to select what I have typed in the input box, i can't get it to work. Nothing happens.

<script src="../jquery.js"></script>
<script type="text/javascript">
    function editItem() {
        catno = $("#catno").attr('value');
        id = $("#id").attr('value');
        $.post('writeToDB.php', {
            id: id,
            catno: catno
        });
    }
</script>
</head>
<body>
    <form id="foo">
        <input type="hidden" value="<?php echo $row_Recordset1['ID']; ?>" name="id"
        id="id" />
        <input type="text" value="<?php echo $row_Recordset1['CAT_NO']; ?>" name="catno"
        id="catno" onchange="editItem();" />
    </form>

I'm new to this javasrcipt world and jquery but I'm at the piont of pulling my hair out. I'm probably doing something really stupid

Thanks

Read the docs: api.jquery.com/val

peacemaker
– peacemaker

2012-07-17 14:44:29 +00:00
Commented Jul 17, 2012 at 14:44 — peacemaker
– peacemaker, Commented Jul 17, 2012 at 14:44

Community · Accepted Answer · 2017-05-23 12:12:29Z

9

Change

catno = $("#catno").attr('value');
id = $("#id").attr('value');

to

var catno = $("#catno").val();
var id = $("#id").val();

Use .val() to retrieve the value of an input.

You should also prefix your locally declared variables with var - this question/answer has a good explanation why

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Jul 17, 2012 at 14:43

Manse

38.1k11 gold badges88 silver badges112 bronze badges

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

Comments

Shyju · Accepted Answer · 2012-07-17 14:50:29Z

1

call val() method

id = $("#id").val();

val() method get the current value of the first element in the set of matched elements

so your code will be

function editItem() {
    var catno = $("#catno").val();
    var id = $("#id").val()
    $.post('writeToDB.php', {
        id: id,
        catno: catno
    });
}

edited Jul 17, 2012 at 14:50

answered Jul 17, 2012 at 14:44

Shyju

220k106 gold badges421 silver badges499 bronze badges

Comments

Clément Andraud · Accepted Answer · 2012-07-17 14:44:22Z

0

Use .val() :

http://api.jquery.com/val/

answered Jul 17, 2012 at 14:44

Clément Andraud

9,24927 gold badges89 silver badges162 bronze badges

Collectives™ on Stack Overflow

How to select value in input field with jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related