Pass value into dialog window in jQuery UI and to AJAX

Question

I have a number of items on a page that when clicked trigger UI's modal dialog.

var $dialog = $("#dialog").dialog({ 
    autoOpen: false,
    resizable: false,
    modal: true 
});

$(".myLink").click(function(){
    $dialog.dialog("open");
    $("#dialog").dialog({
    var delURL = $(this).attr("href").split("#");
    var delID  = delURL[1]; 
        buttons: {
            "Delete": function() { 
                // need to add AJAX call here
                $.ajax({
                    type: "POST",
                    url: "some.php",
                    data: "delete=delID",
                    success: function(msg){
                        alert( "Deleted: " + msg );
                    }
     });
                $(this).dialog("close"); 
            }, 
            "Cancel": function() { 
                $(this).dialog("close"); 
            } 
        }
    });
});

I need to pass anchor value to another page when "Delete" button is clicked. I thini I need to use AJAX.

<a href="#val_1" class="myLink">Value 1</a>
<a href="#val_2" class="myLink">Value 2</a>
<a href="#val_3" class="myLink">Value 3</a>

Not sure how to do it.

I updated my question. I know how to get the value from link and need to pass it to a script via ajax to do some db manipulation. — santa
– santa, Commented Apr 21, 2011 at 20:38

Vishwanath Dalvi · Accepted Answer · 2011-08-04 21:13:31Z

2

I think you just need to change

data: "delete=delID",to <br />
data: "delete="+delID,

edited Aug 4, 2011 at 21:13

Vishwanath Dalvi

36.9k41 gold badges128 silver badges156 bronze badges

answered Apr 21, 2011 at 20:49

Arihant Nahata

1,7502 gold badges19 silver badges30 bronze badges

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

Comments

Ekim · Accepted Answer · 2011-04-21 21:09:50Z

1

try changing the line

$(".myLink").click(function(){

to

$(".myLink").live("click", function() {

however there is a bug in the lines when I test it. To get the dialog you should move the lines

    var delURL = $(this).attr("href").split("#");
    var delID  = delURL[1];

above

    $dialog.dialog("open");

answered Apr 21, 2011 at 21:09

Ekim

1,10511 silver badges29 bronze badges

Collectives™ on Stack Overflow

Pass value into dialog window in jQuery UI and to AJAX

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related