如何用jquery在输入字段中选择值?

时间:2012-07-17 14:42:57

标签: javascript jquery html forms

我正在尝试将输入字段中的值放入我的post语句中以发送到我的php文件以更新记录而无需重新加载页面。它适用于我输入的静态信息,但是当我想选择输入框中输入的内容时,我无法使其工作。没有任何事情发生。

<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>

我是这个javasrcipt世界和jquery的新手,但我正在把我的头发拉出来。我可能正在做一些非常愚蠢的事情

由于

3 个答案:

答案 0 :(得分:8)

更改

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

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

使用.val()检索输入值。

您还应该使用var - this question/answer has a good explanation why

为您的本地声明的变量添加前缀

答案 1 :(得分:1)

调用val()方法

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

val()方法获取集合中第一个元素的当前值   匹配的元素

所以你的代码将是

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

答案 2 :(得分:0)

使用.val():

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