我正在尝试在显示模式弹出窗口时使用 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 值分配给下拉值。 预先感谢您的建议, 拉齐亚莱
编辑: 模态弹出窗口的渲染代码:
<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>
最佳答案
关于javascript - 使用 jquery 设置 asp 下拉列表的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16594938/