когда вы добавляете runat = "server" к любому элементу управления, идентификатор клиента элемента управления изменяется. Я думаю, это ваша проблема, вы должны передать клиентские идентификаторы в функцию перемещения.
У меня есть функция Javascript для моего окна выбора, но после того, как я включил в него runat = "server", отладчик сценария выделяется в этой строке ниже:
« for (i = 0; i < sourceTo.options.length; i++) {
» И говорит:
SCRIPT5007: невозможно получить значение свойства length: объект имеет значение null или не определен
Я включил это, потому что я хотел пройтись по нему в коде и выполнить некоторые другие вещи, пожалуйста, совет, спасибо!
Код:
<select multiple size="8" style="width: 135px" runat="server" id="outletFromBox">
<option value="JP">Jurong Point</option>
<option value="IMM">IMM</option>
<option value="Wisma">Wisma</option>
</select>
</td>
<td align="center" valign="middle">
<input type="button" class="ui-icon ui-icon-arrowthick-1-e ui-corner-all" style="width: 20px; height: 23px;" onClick=" javascript:move(('outletFromBox'),('outletToBox')); "
value=""><br />
<input type="button" class="ui-icon ui-icon-arrowthick-1-w ui-corner-all" style="width: 20px; height: 23px;" onClick=" javascript:move(('outletToBox'),('outletFromBox')); "
value="">
</td>
<td style="padding-left: 4px">
<select multiple size="8" style="width: 135px" runat="server" onBlur="selectAll(this, true, document.getElementById('<%=uilblDestinationQualOutlet.ClientID%>'))" id="outletToBox">
</select> <span class="guide"></span>
</td></tr></table>
</div>
</asp:Panel>
Javascript:
function move(sourceFrom, sourceTo) {
var arrFrom = new Array();
var arrTo = new Array();
var arrLU = new Array();
var i;
for (i = 0; i < sourceTo.options.length; i++) {
arrLU[sourceTo.options[i].text] = sourceTo.options[i].value;
arrTo[i] = sourceTo.options[i].text;
}
var fLength = 0;
var tLength = arrTo.length;
for (i = 0; i < sourceFrom.options.length; i++) {
arrLU[sourceFrom.options[i].text] = sourceFrom.options[i].value;
if (sourceFrom.options[i].selected && sourceFrom.options[i].value != "") {
arrTo[tLength] = sourceFrom.options[i].text;
tLength++;
} else {
arrFrom[fLength] = sourceFrom.options[i].text;
fLength++;
}
}
sourceFrom.length = 0;
sourceTo.length = 0;
var ii;
for (ii = 0; ii < arrFrom.length; ii++) {
var no = new Option();
no.value = arrLU[arrFrom[ii]];
no.text = arrFrom[ii];
sourceFrom[ii] = no;
}
for (ii = 0; ii < arrTo.length; ii++) {
var no = new Option();
no.value = arrLU[arrTo[ii]];
no.text = arrTo[ii];
sourceTo[ii] = no;
}
(sourceTo).focus();
if (sourceTo == (document.getElementById('outletFromBox'))) {
(sourceFrom).focus();
}
if (sourceTo == (document.getElementById('QualMemTypeFromBox'))) {
(sourceFrom).focus();
}
if (sourceTo == (document.getElementById('MemStatusFromBox'))) {
(sourceFrom).focus();
}
}