Question

I have a dynamic table row created via PHP that looks like this:

 while($carrier = mysql_fetch_array($selcomp)){
                $carrier1 = $carrier['carname'];
            }
            ?>
            <tr ><td><a class='activate_modal' name='<?php echo $leadlist['ID'];?>' href="#"><input id="soft-quote" type="button" value="Soft Quote" class="searchbutton" /></a></td></tr>
            <?
         }

I need to somehow pass the

      name='<?php echo $leadlist['ID'];?>'

through the dialog open

 $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Complete Soft Quote": function() {
                var bValid = true;
                allFields.removeClass( "ui-state-error" );


                if ( bValid ) {
                          // call to some ajax.
                    $( this ).dialog( "close" );
                }
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });

        $('.activate_modal').click(function(){

            var rowid = $(this).attr('name');

            $( "#dialog-form" ).dialog( "open" );

        });

Either to the form:

<div id="dialog-form" title="Create Soft Quote">
<p class="validateTips">All form fields are required.</p>

<form>
<fieldset>
    <label for="payroll">Payroll</label>
    <div id="yourelement"></div>
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
    <label for="email">Email</label>
    <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
    <label for="taxid">Federal Tax ID</label>
    <input type="text" name="taxid" id="taxid" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>

or directly the jquery function. Any suggestions?

Answer 1

Try this out.

$('.activate_modal').click(function(){
   var rowid = $(this).attr('name');
   alert(rowid);
   $('#taxid').after('<input type="hidden" name="rowid" id="rowid" value="'+rowid+'" />');   
   $('#dialog-form').dialog('open');
});