如何动态添加下拉列表来锚定锚标记？ [英] how to add a dropdownlist dynammically onclick of an anchor tag?

问题描述

这里下拉列表正在绑定，功能正常工作但我在单击锚标签时创建动态下拉列表时遇到问题，我应该得到相同的dropdwonlist，这是之前已经存在于页面dropdwonlist中的。 ...请尽快帮助我



cshtml：

here the dropdownlist is getting binded and functionality is working fine but i am facing problem in creating dynamic dropdownlist on click of an anchor tag and i should get the same dropdwonlist which is as of before which is already present in a page dropdwonlist....pls help me soon

cshtml:

<table class="table-hover table12">
                                      <thead>
                                          <tr>
                                              <td class="timezone1">
                                                  <strong>Holiday Names</strong>
                                              </td>
                                              <td class="timezone1">
                                                  <strong>Dates</strong>
                                              </td>
                                          </tr>
                                      </thead>
                                      <tr class="BindDDLClass">
                                          <td class="BindDDL">

                                              @Html.DropDownList("HolidayId", new SelectList(Model.HolidayList.ToList(), "PkHolidayDateId", "HolidayName"), "--Select--")
                                          </td>
                                          <td class="BindTxt">
                                              <input type="text" class="datetext" id="datetxts" /></td>
                                      </tr>

按钮：

button:

<a href="#" id="BtnAdd" class="table12" önclick="return false">AddHoliday</a>

jquery：

jquery:

$(document).ready(function () {
 $(".table12").live('click', function () {
        $(this).append('<tr class="BindDDLClass"><td class="BindDDL">' + '<select>$("#HolidayId")</select>' +
              '$("#datetxts")' +
             
            '</td></tr>')
});
});

推荐答案

（ document ）。ready （ function （）{

(document).ready(function () {

（ .table12）。live（' click'，< span class =code-keyword> function （）{

(".table12").live('click', function () {

（ this ）。append（' < tr class =BindDDLClass>< td class =BindDDL>' + < span class =code-string>' < select>

(this).append('<tr class="BindDDLClass"><td class="BindDDL">' + '<select>

这篇关于如何动态添加下拉列表来锚定锚标记？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！