bigyan sahoo Ответов: 1

Как получить select value из выпадающего списка, который создается динамически.


Хии,

Я создал html-таблицу с помощью jquery. Внутри этой таблицы есть столбец, содержащий выпадающий список. Теперь я хочу получить значение select из выпадающего списка, когда я выбираю.

Вот мой код.

Заранее спасибо

Bigyan

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

for (counter = 0; counter < data_length; counter += 1) {

					EmployeeCode = data[counter]["EmployeeCode"] == null ? "" : data[counter]["EmployeeCode"];
					EmpName = data[counter]["EmpName"] == null ? "" : data[counter]["EmpName"];
					FromDate = data[counter]["FromDate"] == null ? "" : data[counter]["FromDate"];
					ToDate = data[counter]["ToDate"] == null ? "" : data[counter]["ToDate"];
					Occasion = data[counter]["Occassion"] == null ? "" : data[counter]["Occassion"];
                    ActionType = data[counter]["ActionType"] == null ? "" : data[counter]["ActionType"];
                    LeaveName = data[counter]["LeaveName"] == null ? "" : data[counter]["LeaveName"];
                    LeaveCode = data[counter]["LeaveCode"] == null ? "" : data[counter]["LeaveCode"];
                    ID = data[counter]["ID"] == null ? "" : data[counter]["ID"];
                    currLeaveCode=data[counter]["CurrleaveCode"] == null ? "" : data[counter]["CurrleaveCode"];
                    var s = $("<select id="+ID+" name="+ID+" />");
                    if( LeaveCode!=""){
                   select_HTML += '<option value="select">Select Leave</option>';
                        var Leave_Code=LeaveCode;
                        var Leave_Name=LeaveName;
                        var strLeave_Code=LeaveCode.split(",");
                        var strLeave_Name=LeaveName.split(",");
                         for(var i=0; i < strLeave_Code.length; i++ )
                          { 
                          if(currLeaveCode==strLeave_Code[i])
                          {
                          select_HTML += '<option value="' + strLeave_Code[i] + '" selected>' + strLeave_Name[i] + '</option>'; 
                          }
                          else
                          {
                          select_HTML += '<option value="' + strLeave_Code[i] + '">' + strLeave_Name[i] + '</option>'; 
                          }
                           
                                //$("<option />", {value: val, text: strLeave_Code[val]}).appendTo(s); 
                          }    
                    }
                    else
                    {
                    select_HTML+="No Leave";
                    }
                 
                    LeaveAmount = data[counter]["LeaveAmount"] == null ? "" : data[counter]["LeaveAmount"];
                        
					table_HTML += '<tr id="' + data[counter]['ID'] + '" >' +
		                        '<td>' + EmployeeCode + '</td>' +
		                        '<td>' + EmpName + '</td>' +
		                        '<td>' + FromDate + '</td>' +
		                        '<td>' + ToDate + '</td>' +
		                        '<td>' + Occasion + '</td>' +
		                        '<td>' + ActionType + '</td>' +
		                        '<td> <div name="'+ID+'" Id="'+ID+'" class="divcheck"><select Id="div'+ID+'" name="div'+ID+'" class="form-control">' + select_HTML + '</select> </div></td>' +
		                        '<td>' + LeaveAmount + '</td>' +
                                '<td> '+
                             '<span class="fa fa-pencil action-icon" data-toggle="modal" data-target="#saveDialog" data-role="employee-category/edit" data-id="' + ID + '"></span>' + '</td>'+
                       
		                    '</tr>' ;
			    select_HTML=" ";
			    }
            }        
				return table_HTML;

Karthik_Mahalingam

АСП? в MVC?
Воспользуйся Улучшить вопрос чтобы добавить больше информации к этому вопросу.

bigyan sahoo

Asp с элементами управления html.

Karthik_Mahalingam

хорошо, используйте скрытое поле, чтобы получить значение из динамического html в код позади

bigyan sahoo

Мне нужно, как запустить событие drop down change в jquery. Когда я выбираю любое выпадающее меню, мне нужно это значение.

Karthik_Mahalingam

карту на событие изменения в выберите "Управление", когда дом в C#

1 Ответов

Рейтинг:
2

sachin.vishwa90

в вашем коде вам придется использовать немного javascript или jquery, в зависимости от того, что вам проще. таким образом, в основном вы должны добавить событие onchange в свой выпадающий список и захватить это событие в jquery.
вы можете попробовать ниже

var s = $("<select id="+ID+" name="+ID+" onchange='getSelectedValue(this);' />");

после того как этот элемент доступен в dom вы пишете скрипт для получения значения

<script>

function getSelectedValue(sender)
{

var selectedValue = sender.value;
..
do other stuff.
..
}

</script>


вы получите значение в переменной selectedValue и продолжите выполнение любой операции, которую хотите выполнить.

PS: Я пробовал этот код для одного выпадающего списка, а не для выпадающего списка в цикле. если это не работает так, как ожидалось в цикле, то дайте мне знать.