jQuery and dynamically generated forms.

Question

I am creating form fields dynamically.

---

If I use

<script>
$().ready(function() {

    $("input[name=salesPrice1]").blur(function() {

        var nameID = $("input[name=salesPrice1]").val();

        alert(nameID);

        //var newName = $("input#newName").val();

        $.ajax({
            type: "POST",
            url: "cashPrice.cfm",
            data: "salePrice=" + $("input[name=salesPrice1]").val(),
            cache: false,
            success: function(data) {
                $("#cashPrice1").html(data);
            }
        });
    });
});
</script>

It will partially work. Now, I have to get the ID/Name of the formField dynamically. How do I do this?

Answer 1

Your question is vague at best. But is this somewhat along the lines of what you want?:

$("input").blur(function ()
{
    var that = $(this);

    var id = that.attr("id");
    var name = that.attr("name");
});

Update:

You can match elements on values:

$("input[id^='hello']")

Will match:

<input type="text" id="helloworld" />
<input type="text" id="helloearth" />

But not:

<input type="text" id="hiworld" />

See the selector documentation.

NOTICE: these selectors are slow and I would only use 'em as a last resort. To speed up performance, you can do queries on a subset of DOM nodes:

$("complex selector goes here", $("container node in which to query"))

Answer 2

Try this ?

$("input[name^=salesPrice]").each(function(){
    var input = $(this); 
    var name = input.attr('name');
    var num = /\d+$/.exec(name)[0];

    $(this).blur(function() {

        var nameID = input.val();

        alert(nameID);

        //var newName = $("input#newName").val();

        $.ajax({
        type: "POST",
        url: "cashPrice.cfm",
        data: "salePrice=" + nameID,
        cache: false,
        success: function(data) {
            $("#cashPrice"+num).html(data);
        }
        });
    });
});

Answer 3

this also works: ` $().ready(function() { alert('loaded'); $('.salesPriceInput').blur(function () {
alert($(this).attr("id")); var myID = $(this).attr("id").substr(10,1); alert(myID); $.ajax({ type: "get", url: "cashPrice.cfm", data: "salePrice=" + $('#salesPrice'+myID).val(), cache: false, success: function(data){ $('#cashPrice'+myID).html(data); } }) }); });

---