创建jquery对象数组并将其值发布到表单提交中

Question

I have dynamicly added html elements(selectlists) in a form :

//Dynamicly adding selectlist elements
function newshit() {
    i = i + 1
    $("#mytable").append("<tr><td><div id='div" + i + "'><select id='elem" + i + "' name='elem" + i + "' class='ted'></select><input type='button' value='-' id='buttonminus" + i + "' style='width:5%;' onclick='removeelem(elem" + i + ",buttonminus" + i + "," + i + ")'/></div></td></tr>")
    getitems("elem" + i)
}

//filling lists
function getitems(item) {
    $.getJSON('@Url.Content("~/Stok/Items/")', {}, function (data) {
        $.each(data, function (i, c) {
            $("#" + item).append("<option value='" + c.Value + "' title='" + c.Text + "' label='" + c.Text + "'>" + c.Text + "</option>")
        })
    })
}

//removing element, when button next to it used
function removeelem(elem,buttonminus,i) {
    if ($("select").length > 1) {
        $("#div" + i).closest('tr').empty().remove()
    } else if ($("select").length <= 1) {
        alert("At least 1 of items must be chosen to create a group!")
    }
}

//checking elements and values existence
function check() {
    var slcts = $("select").serialize();
    alert(slcts)
}

im trying to get the value of each selectlist's selected option value and put them into an array than send them to my controller on form submit.

How can i achive this?

Answer 1

Need to check this, but I think that the following should work:

1. Change your code so that the format of your ids is something like:

   id="elem[0]"

Then if your controller has a signature something like this:

public ActionResult Something(IEnumerable<string> elem)
{

}

Then his should "just work".

Answer 2

You could use something like -

var selectdata = $("select").serialize()

This will return a string in the form <select name attribute1>=<chosen value1>&<select name attribute2>=<chosen value2> etc. You'd need to add a 'name' attribute to your select HTML when you create it for this to work.

Demo - http://jsfiddle.net/ipr101/fZXha/

You could then put the selectdata variable in a hidden field before the form was posted or send it via AJAX using the ajax or post methods.