установить выбранное значение asp dropdown с jquery

Question

Я пытаюсь установить выпадающее значение с помощью jquery, когда отображается модальное всплывающее окно. Я пытаюсь с некоторыми статическими данными, но без каких-либо успехов. Это то, что у меня есть:

$(document).on("click", ".open-EditSplitAgent", function() { 
       var first = $(this).data('first'); 
       var last = $(this).data('last'); 
       var splitPC = $(this).data('splitpc'); 
       var id = $(this).data('id'); 
       $('#<%=txtFirstEdit.ClientID%>').val(first); 
       $('#<%=txtLastEdit.ClientID%>').val(last); 
       $('#<%=hfLifeID.ClientID%>').val(id);    
       $("#ddlAgentPercEdit").val('0.50');    
       $('#editSplitAgent').modal('show'); 
      }); 

Раскрывающийся имеет эти значения:

<asp:DropDownList ID="ddlAgentPercEdit" runat="server"> 
            <asp:ListItem Value="">Select Percentage</asp:ListItem> 
           <asp:ListItem Value="0.50">0.5</asp:ListItem> 
           <asp:ListItem Value="0.75">0.75</asp:ListItem> 
           <asp:ListItem Value="0.9">0.01</asp:ListItem> 
           <asp:ListItem Value="0.7">0.7</asp:ListItem> 
           <asp:ListItem Value="0.1">0.1</asp:ListItem> 
           <asp:ListItem Value="0.8">0.8</asp:ListItem> 
           <asp:ListItem Value="0.6">0.6</asp:ListItem> 
           <asp:ListItem Value="0.9">0.9</asp:ListItem> 
           <asp:ListItem Value="0.05">0.05</asp:ListItem> 
           <asp:ListItem Value="0.95">0.95</asp:ListItem> 
          </asp:DropDownList> 

У меня есть текстовое поле и скрытое поле, которые имеют правильное значение, когда отображается модальное всплывающее окно. Как вы можете видеть в событии jquery, я пытаюсь статические данные, чтобы я мог видеть, что он работает нормально со статическими данными, но изначально мне нужно будет присвоить значение splitPC var значение выпадающего списка. Заранее спасибо за ваши советы, Лацьал

EDIT: оказал код для модального всплывающего окна:

 <div class="modal hide fade" tabindex="-1" role="dialog" id="editSplitAgent"> 
<div class="modal-header"> 
    <button class="close" data-dismiss="modal">×</button> 
    <h3>Edit Split Agent</h3> 
    </div> 
    <div class="modal-body">  
     <div class="content"> 

       <div class="form-row row-fluid"> 
         <div class="span12"> 
          <div class="row-fluid"> 
           <label class="form-label span4" for="tooltip">First Name</label> 
           <input name="ctl00$ContentPlaceHolder1$txtFirstEdit" type="text" id="ctl00_ContentPlaceHolder1_txtFirstEdit" class="span8 tip" />  
           <span id="ctl00_ContentPlaceHolder1_RequiredFieldValidator4" style="color:Red;display:none;"></span> 
      <input type="hidden" name="ctl00$ContentPlaceHolder1$ValidatorCalloutExtender5_ClientState" id="ctl00_ContentPlaceHolder1_ValidatorCalloutExtender5_ClientState" />               
          </div> 
         </div> 
       </div> 
       <div class="form-row row-fluid"> 
         <div class="span12"> 
          <div class="row-fluid"> 
           <label class="form-label span4" for="tooltip">Last Name</label> 
           <input name="ctl00$ContentPlaceHolder1$txtLastEdit" type="text" id="ctl00_ContentPlaceHolder1_txtLastEdit" class="span8 tip" /> 
            <span id="ctl00_ContentPlaceHolder1_RequiredFieldValidator5" style="color:Red;display:none;"></span> 
      <input type="hidden" name="ctl00$ContentPlaceHolder1$ValidatorCalloutExtender6_ClientState" id="ctl00_ContentPlaceHolder1_ValidatorCalloutExtender6_ClientState" />               
          </div> 
         </div> 
       </div> 
      <div class="form-row row-fluid"> 
         <div class="span12"> 
          <div class="row-fluid"> 
           <label class="form-label span4" for="tooltip">Agent Percentage</label> 
           <div class="span8 controls"> 
          <select name="ctl00$ContentPlaceHolder1$ddlAgentPercEdit" id="ctl00_ContentPlaceHolder1_ddlAgentPercEdit"> 
    <option value="">Select Percentage</option> 
    <option value="0.50">0.5</option> 
    <option value="0.75">0.75</option> 
    <option value="0.9">0.01</option> 
    <option value="0.7">0.7</option> 
    <option value="0.1">0.1</option> 
    <option value="0.8">0.8</option> 
    <option value="0.6">0.6</option> 
    <option value="0.9">0.9</option> 
    <option value="0.05">0.05</option> 
    <option value="0.95">0.95</option> 

</select> 
           </div> 
          </div> 
         </div> 
       </div> 
      <input type="hidden" name="ctl00$ContentPlaceHolder1$hfLifeID" id="ctl00_ContentPlaceHolder1_hfLifeID" /> 
      </div> 
     </div> 
      </div> 

Answer 1

вы должны использовать

$("#<%=ddlAgentPercEdit.ClientID%>").val('0.50'); 

проверить мой пример на JSFIDDLE

Вставьте свой визуализированный html из своего браузера. Я помогу вам исправить это

Answer 2

Я думаю, что это может быть проблемой ...

Вы, кажется, установив значение выпадающего списка, before the Modal показывается ..

Так теоретически your dropdown is not yet visible когда вы пытаетесь установить значение.

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

$('#editSplitAgent').modal('show'); // Show the modal first 
$("[id*=ddlAgentPercEdit]").val('0.50'); // Then set the value