Member 12183079 Ответов: 1

Как привязать выпадающий список с помощью jquery


Уважаемый господин

Я пишу код где я привязываю выпадающий список и беру div и кнопку когда нажимаю на кнопку затем 4 элемента управления открываются с помощью jquery поэтому я хочу знать как привязать динамический выпадающий список когда я добавляю в jquery
я хочу привязать тот же выпадающий список, где я беру сильно тип dropdownlist в mvc

пожалуйста помочь

Что я уже пробовал:

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


 <div id="DynamicControl">                                   
                                </div>
                                <div class="col-sm-2">
                                    <div class="form-group">
                                                                      
                                    </div>
                                </div>


  function AddDynamicControl() {
        debugger;
        $("#DynamicControl").append
('<div class="col-sm-3"><div class="form-group">Source<div class="col-sm-5"></div></div></div><div class="col-sm-3"><div class="form-group">Destination <div class="col-sm-9" style="padding-left: 35px"> <div class="col-sm-2"><div class="form-group">STD<div class="col-sm-9"><span class="glyphicon glyphicon-calendar"></span></div></div></div></div></div></div><div class="col-sm-2"><div class="form-group">DateTime<div class="col-sm-9" style="padding-left: 35px"><span class="glyphicon glyphicon-calendar"></span></div></div></div>');
        };

[no name]

Вы хотите сказать, что у вас есть список данных, и вы хотите связать эти данные в выпадающем списке с помощью jquery?

1 Ответов

Рейтинг:
1

Nikhil_Rathi

вы можете динамически связать выпадающий список с помощью jQuery AJAX-вызов, чтобы контроллер MVC и действий.
просто сделайте html фейлд <selct id="dd">
и вызовите свой ajax-код при первом событии изменения выпадающего списка.

$('#firstDD').on('change',funtion(){

var id=$(this).val();
$.ajax({
method:'Post',
url:'@Url.Action("Action","Controller")',
data:id,
datatype:'json',
success:function(res){
var op='';
    if(res.length>0){
  <pre>$.each(res, function(k, v) {
    
op +='<option value="'+k.value+'">'+k.text+'</option>';

  });

$('#dd').empty();

$('#dd').append(op);
}
}


});

});