如何在服务器端代码上获取动态创建的下拉列表的值。 [英] How to get value of dynamically created dropdownlist on server side code.
本文介绍了如何在服务器端代码上获取动态创建的下拉列表的值。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在标签中显示选定的ddl值。
i want to display a selected ddl value in label .
<script type="text/javascript">
$(document).ready(function () {
function addtextboxes(ddlId, tbdivId) {
var count = $("#" + tbdivId + " input").size();
var requested = parseInt($("#" + ddlId).val(), 10);
if (requested > count) {
for (i = count; i < requested; i++) {
var $ctrl = $('<input/>').attr({ type: 'text', name: 'text', value: 'text' });
$("#" + tbdivId).append($ctrl);
}
}
else if (requested < count) {
var x = requested - 1;
if (requested == 0)
$("#" + tbdivId + " input").remove();
else
$("#" + tbdivId + " input:gt(" + x + ")").remove();
}
}
var counter = 0;
$('#roomconfig').hide();
var index = 0;
$('#guestsRoomsSelect').change(function () {
if ($(this).val() === '0') {
var $var2 = '<div id="dropdown2_ ' + (counter) + ' " class="class1"> <div class="wrapadults" style="float:left"> <label class="lbl_sm" style="font-size: 0.75em" for="adults">Adults</label>'
$var2 = $var2 + '<br/><span> <span> <select id="adults" class="t_adults" style="margin-left:7px;margin-right:7px; border-right: 0.5px solid #FFFFFF;"> <option value="1">1</option> <option value="2" selected="selected">2</option>'
$var2 = $var2 + '<option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option>'
$var2 = $var2 + '<option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </span> </span> </div>'
$var2 = $var2 + '<div class="children" style="float:left" > <label class="lbl_sm" style="font-size: .75em;" for="children">Children</label><br/> <span> <select id="hc_f_children" class="hc_evt_children " style="border-right: 0.5px solid #FFFFFF;">'
$var2 = $var2 + '<option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option>'
$var2 = $var2 + '<option value="4">4</option> </select> </span> </div> <div id="chileage" class="ch"></div> </div> </div>';
$("#Addition").prepend('<fieldset id="' + counter + '" data-index="' + index + '">' + $var2 + '</fieldset>');
//$('#hc_f_children').bind('change', function () {
// var divId = "chileage";
// addtextboxes(this.id, divId);
//});
counter = counter + 1;
index++;
$('#roomconfig').show(300);
}
else if ($(this).val() === '1-1' || $(this).val() === '3-1' || $(this).val() === '4-1' || $(this).val() === '2-2' || $(this).val() === '2-1') {
$('#roomconfig').hide(300);
$('#Addition fieldset :first').remove();
}
});
var forage = 0;
$(".addRoom").click(function () {
// on add room event
var $var1 = '<div id="dropdown2_ ' + (counter) + ' " class="class1"> <div class="wrapadults" style="float:left"> '
$var1 = $var1 + '<span> <span> <select id="adults" class="t_adults" style="margin-left:7px;margin-right:7px; border-right: 0.5px solid #FFFFFF;"> <option value="1">1</option> <option value="2" selected="selected">2</option>'
$var1 = $var1 + '<option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option>'
$var1 = $var1 + '<option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </span> </span> </div>'
$var1 = $var1 + '<div class="children" style="float:left" > <span> <select id="hc_f_children_' + forage + '" class="hc_evt_children " style="border-right: 0.5px solid #FFFFFF;" onselect="getIdvalue()">'
$var1 = $var1 + '<option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option>'
$var1 = $var1 + '<option value="4">4</option> </select> </span> </div> <div id="chileage_' + forage + '" class="ch"></div> </div>'
$var1 = $var1 + '<div class="btnrmv" id="' + counter + '" > <a class="removeRoom " style=" width:30px; height:0px; margin:0px;left:200px;position:relative; top:-30px; background-image:none; color:#b11500;font-weight:normal;font-size:0.77em;" href="javascript:void(0);">remove<span></span> </a> </div>';
$("#Addition").append('<fieldset id="' + counter + '" data-index="' + index + '"' + $var1 + '</fieldset>');
//$('#hc_f_children_' + forage).bind('change', function () {
// var divId = "chileage_" + this.id.replace('hc_f_children_', '');
// addtextboxes(this.id, divId);
//});
counter++;
index++;
forage++;
// for remove element
$(".btnrmv").click(function () {
$("#roomconfig fieldset#" + this.id).remove();
counter--;
});
// var Idvalue = null;
// Add childage textbox
//function getIdvalue() {
// Idvalue = $('.hc_evt_children').attr("id");
//}
//$(Idvalue).change(function () {
// var index1 = $(".ch input").size();
// var requested = parseInt($(".hc_evt_children").val(), 5);
// if (requested > index1) {
// for (i = index1; i < requested; i++) {
// var $ctrl = $('<input/>').attr({ type: 'text', name: 'text', value: '' });
// $("#chileage_" + forage).append($ctrl);
// }
// }
// else if (requested < index1) {
// var x = requested - 1;
// $("#chileage_ input:gt(" + x + ")").remove();
// }
//});
});
});
//$("slctroom").append(" <asp:DropDownList>Test </asp:DropDownList>");
</script>
aspx page --------------------
aspx page --------------------
<div id="guestsRooms" class="clear">
<label class="label1" for="guestsRoomsSelect">Guests:</label>
<span>
<span>
<select id="guestsRoomsSelect" name="GuestsRooms" style="width: 217; padding: 5px">
<option value="1-1">1 adult</option>
<option selected="selected" value="2-1">2 adults in 1 room</option>
<option value="3-1">3 adults in 1 room</option>
<option value="4-1">4 adults in 1 room</option>
<option value="2-2">2 adults in 2 rooms</option>
<option value="0">Need more rooms or have children?</option>
</select>
</span>
</span>
</div>
<div id="roomconfig" class="roomconfig_fc">
<div id="Addition">
</div>
<div class="btnWrap" style="clear:both;border-bottom: 0.5px solid #FFFFFF;">
<a class="addRoom" style="background-image:none; color:darkred;height:20px; margin-left:0px" href="javascript:void(0);"><%--<img src="../Images/SearchBox/image1.png" class="addimage " />--%>
Add room</a>
</div>
</div>
button ------------
<asp:Button class=\"MyButton\" ID=\"btnBook\" runat=\"server\" Text=\"ADD\" OnClick=\"btnBook_Click\" Width=\"126px\" />
when click on that button selected value should be display on label ?????
button ------------
<asp:Button class="MyButton" ID="btnBook" runat="server" Text="ADD" OnClick="btnBook_Click" Width="126px" />
when click on that button selected value should be display on label ?????
推荐答案
(document).ready(function () {
function addtextboxes(ddlId, tbdivId) {
var count =
(document).ready(function () { function addtextboxes(ddlId, tbdivId) { var count =
(\"#\" + tbdivId + \" input\").size();
var requested = parseInt(
("#" + tbdivId + " input").size(); var requested = parseInt(
(\"#\" + ddlId).val(), 10);
if (requested > count) {
for (i = count; i < requested; i++) {
var
("#" + ddlId).val(), 10); if (requested > count) { for (i = count; i < requested; i++) { var
这篇关于如何在服务器端代码上获取动态创建的下拉列表的值。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文