How to bind dropdown using jquery

Mukesh

7y822

@Html.DropDownListFor(x => x.Source, new SelectList(Model.SourceList, "Code", "Text"), "Select", new { @id = "ddlSourceId", @class = "form-control" })

function AddDynamicControl() {

debugger;

$("#DynamicControl").append('

Source

Destination

STD

DateTime

');

};

$d(function () {

$d('#txtSTD').datetimepicker();

});

var $d = jQuery.noConflict();

$d(function () {

$d('#txtDateTime').datetimepicker();

});

above i write code where i bind dropdown and i take i div and button when click on button then 4 control open using jquery so i want to know how to bind dynamic dropdownlist when i append in jquery

i want to bind same dropdown where i take in strongly type dropdownlist in mvc

and when i click on addbutton the calender will also open in std and datetime

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Shraddha Patel7y ago
function GetDropDownData() {
    $.ajax({
        type: "POST",
        url: "test.aspx/GetDropDownDataWM",
        data: '{name: "abc" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data.d)
                {
                    $.each(data.d, function (){
                        $(".myDropDownLisTId").append($("").val(this.KeyName).text(this.ValueName));
                    });
                },
        failure: function () {
            alert("Failed!");
        }
    });
}
Sreekanth Reddy7y ago
You needs to do append for the dropdownlist :

$(document).ready(function () {
$('#btn').click(function() {
$('select').append( '' );
});
});