从文本框中获取文本框ID

时间:2012-06-27 14:34:41

标签: jquery ajax

下午,

我在代码中为数据库返回的项目设置了多个文本框的ID。 例如......

<input type="text" id="abcd1234" value="0.00">

基本上在返回项目时设置了id,我需要使用jQuery获取id,这样我就可以用新的价格更新文本框中的值。

我需要返回1)id,以及2)值,以便我可以处理它。任何人都可以建议我怎么能这样做?

更新:这是我想要使用的更新功能...请忽略传递的数据,因为一旦我能够从上面提到的文本框中获得价格,我将更新此功能。 - 删除了数据。 :)

$('.update').live('click', function () {
    $('#saving').show();


    $.ajax({ type: "POST",
        url: "../Web.asmx/UpdateData",
        data: **JSON will go here**,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            $('#saving').hide();
            $('#infoMsg').show();
            $('#infoMsg').addClass('er-green');
            $('#infoMsg').html("Product was updated successfully.");
        },
        error: function (msg) {
            $('#saving').hide();
            $('#infoMsg').show();
            $('#infoMsg').addClass('er-yellow');
            $('#infoMsg').html("We are unable to update the product at this time.");
        }
    });
});

非常感谢......

艾伦

5 个答案:

答案 0 :(得分:0)

没有一种干净的方法可以做到这一点 - 通常,它不应该真的完成。使用ID的关键点与此相反 - 使用id查找控件,而不是使用其他属性查找ID。 (提示:如果你真的想这样做,请查看可以放在控件上的其他属性,并使用它来搜索它。)

并编辑:想到更好的方法。在div中包装输入,通过id找到div,然后为子元素解析它

答案 1 :(得分:0)

不确定您想要输入元素的ID的事件。下面的脚本将在加载DOM后为您提供文本类型的所有Input元素的ID

$(function(){

  var items=$("input[type='text']");
  $.each(items,function(){
    var item=$(this);

    var itemId=item.attr("id");  // get the ID of element
    alert(itemId);

    item.val("New value");  // set new value
  });

});

工作样本http://jsfiddle.net/p5zbT/4/

编辑:根据评论

要让他的textboes属于一个表,请像这样更改你的选择器

 var items=$("#dataTable input[type='text']");

这会在input值为text的表格(或任何HTML元素)中选择ID类型的dataTable元素。

工作样本:http://jsfiddle.net/p5zbT/9/

答案 2 :(得分:0)

$.each($('input[type=text]'), function(i,obj){
  console.log('ID : '+$(this).attr('id')+', Value : '+$(this).val());
});

答案 3 :(得分:0)

不太清楚你在问什么,但如果你需要查看所有输入元素并对它们做些什么,你可以使用以下jQuery代码

$("input[type='text']").each(function() {
    // do work here
    console.log(this.id);
});

答案 4 :(得分:0)

好的,我所做的就是设置表格行的ID,这是最简单的选项!

有了这个,我就可以获得sku / id和文本框值,并像这样更新数据库。

非常感谢大家的帮助和解决方案:)