如何从动态创建的下拉列表中获取选择值。 [英] How to get select value from a drop down that creates dynamically.
本文介绍了如何从动态创建的下拉列表中获取选择值。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Hii，
我用jquery创建了一个html表。在该表内部有一个包含下拉列的列。现在我想在选择时获取下拉列表的选择值。
这是我的代码。
提前付款
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>选择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>';
}
其他
{
select_HTML + ='< option value ='+ strLeave_Code [i] +'>'+ strLeave_Name [i] +'< /选项>';
}
// $（< 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>'+场合+'< / td>'+
'< td> '+ ActionType +'< / td>'+
'< td> < div name ='+ ID +'Id ='+ ID +'class =divcheck>< select Id =div'+ ID +'name =div'+ ID +'class =表格控制>'+ select_HTML +'< / select> < / div>< / td>'+
'< td>'+ LeaveAmount +'< / td>'+
'< td> '+
'< span class =fa fa-pencil action-icondata-toggle =modaldata-target =＃saveDialogdata-role =employee-category / editdata-id ='+ ID +'>< / span>'+'< / td>'+
'< / tr>';
select_HTML =;
}
}
返回table_HTML;
解决方案
（< select id =+ ID +name =+ ID +/>）;
if（LeaveCode！=）{
select_HTML + ='< option value =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>';
}
其他
{
select_HTML + ='< option value ='+ strLeave_Code [i] +'>'+ strLeave_Name [i] +'< /选项>';
}
//
（< option />，{value：val，text：strLeave_Code [val]}）。 appendTo（一个或多个）;
}
}
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>'+场合+'< / td>'+
'< td> '+ ActionType +'< / td>'+
'< td> < div name ='+ ID +'Id ='+ ID +'class =divcheck>< select Id =div'+ ID +'name =div'+ ID +'class =表格控制>'+ select_HTML +'< / select> < / div>< / td>'+
'< td>'+ LeaveAmount +'< / td>'+
'< td> '+
'< span class =fa fa-pencil action-icondata-toggle =modaldata-target =＃saveDialogdata-role =employee-category / editdata-id ='+ ID +'>< / span>'+'< / td>'+
'< / tr>';
select_HTML =;
}
}
返回table_HTML;
在你的代码中你将不得不使用一点点javascript或jquery中的哪一个对你来说更容易。所以基本上你必须在你的下拉列表中添加onchange事件并在jquery中捕获该事件。
你可以尝试下面
var s =
Hii,
I have created a html table using jquery. Inside that table there is a column containing drop down. Now I want to get the select value of the drop down, when I select.
Here is my code.
Thanks in advance
Bigyan
What I have tried:
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; 解决方案
("<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;
in your code you will have to use little bit of javascript or jquery whichever is more easier for you. so basically you have to add the onchange event in your dropdown and capture that event in jquery.
you can try below
var s =
这篇关于如何从动态创建的下拉列表中获取选择值。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
