asp.net/javascript, почему событие onChange текстового поля не запускается?
0
Я хочу, чтобы это произошло, когда пользователь выбирает идентификатор пользователя, тогда идентификатор пользователя появляется в первом текстовом поле только для onChange событие onChange должно срабатывать, когда оно отображается в первом текстовом поле только для чтения, чтобы оно могло скопировать этот идентификатор пользователя во второе текстовое поле. Однако он не работает, он работает только с идентификатором userID на первом текстовом поле, но onChange не запускается для второго texbox.
Здесь половина рабочих кодов:
<tr>
<td align="right">
Secondary Owner
</td>
<td>
<input id="Hidden1" type="hidden" />
<asp:TextBox ID="tbAdd_Sowner" runat="server" Enabled="false"></asp:TextBox>
<input id="Hidden2" type="hidden" />
<input id="Hidden3" type="hidden" />
<a href="javascript:void(0)" onclick="GalModalTOCCDialog(Hidden1, tbAdd_Sowner, Hidden2,Hidden3)">
Get User ID</a>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" ValidationGroup="g1" runat="server" ErrorMessage="* Required" ControlToValidate="tbAdd_Sowner"> <b style="color:Red;"> * </b></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender8" runat="server" TargetControlID="RequiredFieldValidator7">
</asp:ValidatorCalloutExtender>
</td>
</tr>
<tr>
<td align="right">Secondary Owners</td>
<td>
<asp:TextBox ID="tbAdd_Sphone" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator13" ValidationGroup="g1" runat="server" ErrorMessage="* Required" ControlToValidate="tbAdd_Sphone"> <b style="color:Red;"> * </b></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender9" runat="server" TargetControlID="RequiredFieldValidator13">
</asp:ValidatorCalloutExtender>
</td>
</tr>
Затем javascript коды в <head> копируют первое значение текстового поля и помещают во второе текстовое поле:
<script>
function getUserID() {
document.getElementById('tbAdd_Sphone').value = document.getElementById('tbAdd_Sowner').value;
}
document.getElementById('tbAdd_Sowner').onchange = getUserID();
</script>
Отредактировано: Я добавляю здесь коды GALModalDialog.js, потому что некоторые из вас хотят видеть, что ему нравится. У меня также есть GALToCCDialong.asp, который перечисляет идентификатор пользователя для выбора и XMLGALListbox.asp, которые получают идентификатор пользователя из AD.
function PopulateListboxFromString(oListbox,vNames,vUserIDs){
var oArrayUserNames = vNames.value.split(';');
var oArrayUserIDs = vUserIDs.value.split(';');
for (var index=0;index < oArrayUserIDs.length;index++) {
if (oArrayUserNames[index] != ''){
var oOption = document.createElement("OPTION");
oListbox.options.add(oOption);
oOption.innerText = oArrayUserNames[index];
oOption.value = oArrayUserIDs[index];
}
}
};
function GalModalTOCCDialog(oTONames, oTOUserIDs,oCCNames, oCCUserIDs ) {
if (oCCNames != null){
var oInputArray = new Array(oTONames.value,oTOUserIDs.value,oCCNames.value,oCCUserIDs.value);
} else {
var oInputArray = new Array(oTONames.value,oTOUserIDs.value,'','');
}
var oOutputArray = window.showModalDialog('GalAccess/GALToCCDialog.asp', oInputArray, 'dialogWidth:510px;dialogHeight:400px;status:no;help:no;');
// Check if we get something back;
// User might have closed the window without using the buttons
if (oOutputArray != null){
//first element is true if user clicked OK
if (oOutputArray[0]) {
if (oCCNames != null){
oTONames.value = oOutputArray[1];
oTOUserIDs.value = oOutputArray[2];
oCCNames.value = oOutputArray[3];
oCCUserIDs.value = oOutputArray[4];
} else {
oTONames.value = oOutputArray[1];
oTOUserIDs.value = oOutputArray[2];
}
}
}
return false;
}
function GalModalDialog(oSelectObject, oUserID) {
if (oUserID == null){
// there is a select object to fill data from
// fill the input array
var oInputArray = new Array(new Array(oSelectObject.options.length),new Array(oSelectObject.options.length));
for (var index=0;index < oInputArray[0].length;index++) {
oInputArray[0][index] = oSelectObject.options[index].innerText;
oInputArray[1][index] = oSelectObject.options[index].value;
};
var oOutputArray = window.showModalDialog('../GALDialog/GALModalDialog.asp', oInputArray, 'dialogWidth:500px;dialogHeight:320px;status:no;help:no;');
// Check if we get something back;
// User might have closed the window without using the buttons
if (oOutputArray != null){
//first element is true if user clicked OK
if (oOutputArray[0]) {
//remove existing from end to beginning otherwise not all options are removed.
var length=oSelectObject.options.length;
for (var index=length-1;index >= 0;index--) {
oSelectObject.options[index] = null;
};
// copy the array
for (var index=0;index < oOutputArray[1].length;index++) {
var oOption = document.createElement("OPTION");
oSelectObject.options.add(oOption);
oOption.innerText = oOutputArray[1][index];
oOption.value = oOutputArray[2][index];
};
}
}
} else
{
// there are 2 text objects to fill data from; the first contains the name, the secound the userid.
//if (oSelectObject.value != '' ) {
// var oInputArray = new Array(new Array(1),new Array(1));
//
// oInputArray[0][0] = oSelectObject.value;
// oInputArray[1][0] = oUserID.value;
//} else {
var oInputArray = new Array(new Array(0),new Array(0));
//}
var oOutputArray = window.showModalDialog('../GALDialog/GALModalDialog.asp', oInputArray, 'dialogWidth:500px;dialogHeight:320px;status:no;help:no;');
if (oOutputArray != null){
//first element is true if user clicked OK
if (oOutputArray[0]) {
// copy the data
oSelectObject.value = oOutputArray[1][0];
oUserID.value = oOutputArray[2][0];
}
}
}
return false;
}
Отредактировано: Вот коды GALToCCDialog.asp. В функции SubmitOnclick и, else if(vAction == 'OK') я нажимаю кнопку OK из выбранного пользователя для отправки в текстовое поле.
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function List_onkeydown(oList) {
if( event.keyCode == 46 ){
if ((oList.selectedIndex != -1)&&(oList.options[oList.selectedIndex].value != '')){
oList.options[oList.selectedIndex] = null;
}
}
}
//-->
</SCRIPT>
<script language="jscript">
function InitializeListbox(idXML, idSpan){
// get to the XML specifying the names
var oSelects;
var strXML;
oSelects = idXML.XMLDocument.documentElement.childNodes;
strXML = '';
// Get all the options in 1 string
for (var index=0;index< oSelects.length;index++){
strXML = strXML + oSelects[index].xml;
}
// the error handlingis there if idSpan refers to multiple objects
// Insert the options in the html before the end of the SELECT
// window.alert(strXML);
//idSpan.innerHTML = replace(idSpan.innerHTML,"</SELECT>",strXML & "</SELECT>");
idSpan.innerHTML = '<SELECT id=idUserSelect size=12 style="width:190px">' + strXML + '</SELECT>';
}
function SubmitOnclick(vAction, oObject){
//DistList.action = "DistList.asp?Action=" & vAction ;
if (vAction == 'Add'){
if ((idUserSelect.value!='')&&(idUserSelect.value!='Unknown')){
var oOption = document.createElement("OPTION");
oObject.options.add(oOption);
oOption.innerText = idUserSelect.options[idUserSelect.selectedIndex].text;
oOption.value = idUserSelect.options[idUserSelect.selectedIndex].value;
}
} else if(vAction == 'Find') {
idXMLUsers.src ='XMLGALListbox.asp?Searchstring=' + SearchString.value;
} else if(vAction == 'Remove'){
if ((idMyList.selectedIndex != -1)&&(idMyList.options[idMyList.selectedIndex].value != '')){
idMyList.options[idMyList.selectedIndex] = null;
}
} else if(vAction == 'OK'){
//window.returnValue = cal.day + ' ' + MonthNames[cal.month-1] + ' ' + cal.year ;
// create an array
var TONames = ''
var TOUserIDs = ''
var CCNames = ''
var CCUserIDs = ''
for (var index = 0; index < 1; index++) {
TONames = TONames + idTOList.options[index].innerText;
TOUserIDs = TOUserIDs + idTOList.options[index].value;
};
//Commented out by Nick, use if you want multiple userIDs etc...
//for (var index=0;index < idTOList.options.length;index++) {
// TONames = TONames + idTOList.options[index].innerText ;
// TOUserIDs = TOUserIDs + idTOList.options[index].value ;
//};
//for (var index=0;index < idCCList.options.length;index++) {
//CCNames = CCNames + idCCList.options[index].innerText ;
//CCUserIDs = CCUserIDs + idCCList.options[index].value ;
//};
var oArray = new Array(true,TONames,TOUserIDs,CCNames,CCUserIDs);
window.returnValue = oArray;
//window.alert(TONames);
//window.alert(TOUserIDs);
//window.alert(CCNames);
//window.alert(CCUserIDs);
window.close();
} else if(vAction == 'Cancel'){
var oArray = new Array(false);
window.returnValue = oArray;
window.close();
}
}
function OnBodyLoad() {
//window.alert('test');
//clear all list data
try{
var oArray = window.dialogArguments;
//PopulateListboxFromString(idTOList,oArray[0],oArray[1])
//PopulateListboxFromString(idCCList,oArray[2],oArray[3])
} catch(e)
{
}
};
function PopulateListboxFromString(oListbox,vNames,vUserIDs){
var oArrayUserNames = vNames.split(';');
var oArrayUserIDs = vUserIDs.split(';');
for (var index=0;index < oArrayUserIDs.length;index++) {
if (oArrayUserNames[index] != ''){
var oOption = document.createElement("OPTION");
oListbox.options.add(oOption);
oOption.innerText = oArrayUserNames[index];
oOption.value = oArrayUserIDs[index];
}
}
};
function OnBodyLoad__() {
//window.alert('test');
try{
var oArray = window.dialogArguments;
for (var index=0;index < oArray[0].length;index++) {
var oOption = document.createElement("OPTION");
idMyList.options.add(oOption);
oOption.innerText = oArray[0][index];
oOption.value = oArray[1][index];
};
} catch(e)
{
};
};
</script>
<body class="cellcolorlightest content" onload="OnBodyLoad();">
<xml id="idXMLUsers" src="XMLGALListbox.asp?Searchstring=" ondatasetcomplete="InitializeListbox(idXMLUsers, idUsers);"></xml>
<table class="TableBorderNormal" width="100%" border=0 cellspacing="1" cellpadding="1">
<colgroup>
<col width="50%"></col><col></col><col width="50%"></col>
<thead>
<tr>
<td colspan="3" class="TDvwvInfo" align="left"><STRONG>Find Name</STRONG><br><FONT size=2>Type name and hit "Search"</FONT></td>
</tr>
<tr>
<td class="TDvwvInfo" align="left"><input name="SearchString" style="WIDTH: 190px" size="20"> </td>
<td class="TDvwvInfo" align="middle" valign=top><input type="button" value="Search" name="Find" onclick="SubmitOnclick('Find')"></td>
<td class="TDvwvInfo" align="left"></td>
</tr>
<tr>
<td class="TDvwvInfo" align="left" nowrap><STRONG>Users found</STRONG><br><FONT size=2>Select from list and hit "Select" to add</FONT></td>
<td class="TDvwvInfo" align="middle"></td>
<td class="TDvwvInfo" align="left" valign=top><STRONG>Get User ID</STRONG><br></td>
</tr>
</thead>
<tr>
<td class="TDvwv" align="left" width="33%" rowspan=2 valign=top><span id="idUsers"> </span> </td>
<td class="TDvwvInfo" align="middle" valign=top width="33%">
<input type="button" value="Select >" name="Add" onclick="SubmitOnclick('Add', idTOList);"><br><br>
</td>
<td class="TDvwv" align="left" width="33%" valign=top>
<select id="idTOList" size="5" style="WIDTH: 190px" LANGUAGE=javascript onkeydown="return List_onkeydown(this)"> </select><br>
<br />
<b style="color:red">* Only add one user, if you added the wrong user click cancel and try again.</b>
</td>
</tr>
<tr>
<td align=middle valign=top>
<!-- <input type="hidden" value="CC >" name="CC" onclick="SubmitOnclick('Add', idCCList);" disabled="disabled"><br><br> --> <!--INPUT name=Remove onclick="SubmitOnclick('Remove');" type=button value=" < Remove"--></td>
<td align=left valign=top>
<!--<select id=idCCList size=5 style="WIDTH: 190px" LANGUAGE=javascript onkeydown="return List_onkeydown(this)" disabled="disabled" visible="false"></select></td>-->
</tr>
<tr>
<td align="middle" ></td>
<td align=middle></td>
<td align=left>
<input type="button" value="OK" name="OK" onclick="SubmitOnclick('OK',null);">
<input type="button" value="Cancel" name="Cancel" onclick="SubmitOnclick('Cancel',null);"></td>
</tr>
</table>
</body>
</html>
5 ответов
1
Изменение значения tbAdd_Sowner помощью JavaScript (я предполагаю, используя вашу функцию GalModalTOCCDialog) не собирается onchange событие onchange.
Вы можете запустить это событие вручную после установки значения:
document.getElementById('tbAdd_Sowner').onchange();
Хотя я удивлен, что у вас нет проблем с getElementById как показано на рисунке @IrfanTahirKheli, что должно было сработать хорошо для вас... так что, вероятно, отсутствуют фрагменты вашей разметки, которые нам нужны, чтобы помочь вам правильно.
Другие вещи, которые вам необходимо учесть, - не использовать встроенный стиль и не использовать таблицы для форматирования.
Поскольку у вас, похоже, проблемы с тем, что я добавил, вот еще один способ. Удалите onChange из вашего asp:TextBox и просто сделайте все это из javascript:
document.getElementById('tbAdd_Sowner').value = 'somevalue';
document.getElementById('tbAdd_Sowner').onchange = getUserID();
MikeSmithDev
Поделиться
1
Вы не можете сделать событие изменения, просто установив значение из javascript. Вот пример с помощью триггера.
<script>
$(document).ready(function () {
$(".tbAdd_Sowner").on('change', function () {
var owner = $('.tbAdd_Sowner').val();
$('.tbAdd_Sphone').val(owner);
});
$(".aGetID").on('click', function () {
var tbOwner = $('.tbAdd_Sowner');
var hidden1 = $('.Hidden1');
var hidden2 = $('.Hidden2');
var hidden3 = $('.Hidden3');
GalModalTOCCDialog(hidden1, tbOwner, hidden2, hidden3);
});
function GalModalTOCCDialog(Hidden1, tbAdd_Sowner, Hidden2, Hidden3) {
$(tbAdd_Sowner).val(' ').trigger('change');
}
$('.tbAdd_Sowner').change(function () {
$(this).removeAttr('disabled');
});
});
</script>
Вот ваш код, удалив эти валидаторы
<table>
<tr>
<td align="right">Secondary Owner
</td>
<td>
<input id="Hidden1" type="hidden" value="1" class="Hidden1" />
<asp:TextBox ID="tbAdd_Sowner" OnTextChanged="tbAdd_Sowner_TextChanged" CssClass="tbAdd_Sowner" AutoPostBack="true" runat="server" Enabled="false" ></asp:TextBox>
<input id="Hidden2" type="hidden" class="Hidden2" />
<input id="Hidden3" type="hidden" class="Hidden3" />
<a href="javascript:void(0)" id="aGetID" class="aGetID" >Get User ID</a>
</td>
</tr>
<tr>
<td align="right">Secondary Owners</td>
<td>
<asp:TextBox ID="tbAdd_Sphone" runat="server" CssClass="tbAdd_Sphone" ></asp:TextBox>
</td>
</tr>
</table>
Серверная сторона.
protected void tbAdd_Sowner_TextChanged(object sender, EventArgs e)
{
tbAdd_Sowner.Text = "123";
}
Lakpa Sherpa
Поделиться
-
0Я не вижу файл скрипта GalModalTOCCDialog. Это ответственно за получение имен AD, uid и т. Д.
-
0см. событие нажатия Jquery #aGetID. Вы также можете получить значения textobx, используя $ ('# tbAdd_Sowner'). Val ()
Показать ещё 9 комментариев
1
использование
document.getElementById('<%= tbAdd_Sphone.ClientID %>')
вместо
document.getElementById('tbAdd_Sphone')
Irfan TahirKheli
Поделиться
-
0это <% = или <%?
-
0это <% =%> -
Показать ещё 8 комментариев
0
Как и другие, упомянутые в их ответах,
<asp:TextBox id="tbAdd_Sphone" runat="server" />
будет иметь динамический идентификатор клиента на стороне сервера, префикс которого сформирован HTML. Если вы видите исходный код страницы (или используете инструменты разработчика) в выбранном браузере, вы заметите, что идентификатор отличается от того, что вы передаете в свой вызов метода, например, примерно так:
<textarea id="ctl00_OuterASPControlID_tbADD_Sphone"></textarea>
Вы можете сохранить staticName static, используя class= "tbAdd_Sphone", если класс также имеет динамический префикс. Или, попробуйте получить элемент по ID на
<%=tbAdd_Sphone.ClientID %>
Вы можете либо установить режим ClientID на статический, либо попробовать использовать UniqueID.
Еще одно замечание: javascript имеет особое поведение. Если вы вызываете метод с заданным числом переменных, переданных правильно в вызове, он будет использовать эти значения только в функциональности. Если в вызове есть нулевые/неопределенные данные, остальные параметры просто игнорируются.
functionName:function(parameter1, parameter2) {
//Default behavior can be overridden if parameter2 is not passed in as expected.
if(parameter2 ==null || parameter2=='undefined') {
parameter2 = "Some value";
}
}
functionName("testPar1"); //Works but parameter2 is not passed in as expected
functionName("testPar1", "testPar2"); //Works
functionName("testPar1", undefined); //Works, but parameter2 is not passed in as expected
Если вам нужно использовать идентификатор для телефона, либо выполните поиск подстроки для получения элемента по фактическому идентификатору, либо используйте getElementsByTag в вашем javascript для поиска текстовых полей, и вы можете использовать любое другое свойство, скажем, в простом Javascript:
var x = document.getElementsByTag("textbox");
if(x!=null && x.attribute('class') == 'tbAdd_Sphone' ) {
var valueX = x.attribute('value');
}
Loser Coder
Поделиться
0
используйте этот <asp:TextBox ID="TextBox1" runat="server" onkeypress="document.getElementById('id').Value=this.value;"/> <asp:TextBox ID="TextBox1" runat="server" onkeypress="document.getElementById('id').Value=this.value;"/>
souvickcse
Поделиться
Ещё вопросы
- 0IIS дает 500 внутренняя ошибка сервера при обслуживании файла PHP
- 1python - мультиклассовая логистическая регрессия для прогнозирования сезона
- 0Скрипт Absolute Path удален после Grunt Build .. Нужно исправить
- 1Как вывести тип аргумента? расширяет класс в объявлении интерфейса
- 1Как добавить «блоки» в платформенную игру на Python, используя pygame?
- 1Кнопка назад не работает в XAML / W8
- 0Как запрашивать данные из ссылок в AngularFire
- 0Mysql-запрос с левым соединением - специализировать индекс, если две строки совпадают
- 0обработчик событий на динамически добавленном элементе не работает с плагином select2
- 1System.Threading API для Windows Phone 8
- 0Codeigniter - перенаправить и скачать файл
- 0класс с указателем на член типа терпит неудачу при разрушении под MSVS2012 @ debug. Ошибка программы или плохой источник?
- 0создать динамическую растущую ширину для контента
- 1Почему при использовании Dispatcher.BeginInvoke () я получаю «Неверный доступ к нескольким потокам»?
- 0сообщение об успехе или неудаче при отправке формы
- 1Почему я не могу определить элемент DOM как глобальную переменную?
- 1Наблюдаемая ошибка
- 1Сделайте ссылку недоступной при некоторых условиях в asp.net
- 1Как изменить значение атрибута стиля программно?
- 0Два объекта, кажется, имеют один и тот же адрес
- 1перестановки определенных цифр в Java
- 0Некоторая довольно сложная тригонометрия для изменения размеров окна
- 0Вызовите функцию jquery, используя атрибут onclick, который передаст функции this
- 0ui.router не работает хорошо в пользовательской директиве
- 0Как использовать Set with Group by в MySQL?
- 1в Цезии динамический вращающийся компас сбрасывается назад до 0, когда он проходит 360
- 0Событие щелчка в плагине листовки - Как заставить событие щелчка работать только внутри изображения мозаики карты?
- 0Иметь все элементы покупки
- 0остановить событие нажатия клавиши внутри iframe
- 1Как использовать Содержит с Guid?
- 1Как переключать фрагменты, используя предыдущую и следующую кнопки?
- 1Struts2 - пересылка по аннотации с динамическим параметром
- 0Mustache_Autoloader отсутствует с Composer
- 1Использование PowerShell в качестве двоичного файла CGI в IIS Express
- 0Кнопка для удаления записи в таблице
- 0Могу ли я создать объект в том же классе?
- 0Разделить 1 XML на несколько после определенного тега, используя PHP
- 0Присоединиться по user_id в Symfony
- 1Форма не сохраняет данные в модель
- 0Идентификация элементов по постоянному классу и динамическому идентификатору
- 1Во время вызова OnActionExecuting for Web API - Как сопоставить контроллер / класс действия из строки маршрута для чтения атрибутов действия
- 0Как получить экземпляр выбранного в данный момент li с помощью JQuery
- 1Знать компонент, который вызвал функцию
- 1Android P фоновое ограничение для Firebase Cloud Messaging
- 0CSS негативное фоновое изображение
- 0Можно ли передать значение из ng.repeat в функцию JavaScript?
- 0Не удается заставить этот модульный тест (на помощнике) работать без исключений - AngularJS, Karma, Jasmine
- 0Как вставить массивы со значениями объектов в MySQL, используя для или foreach в JavaScript (nodejs)?
- 1Начать рендеринг графика после левосторонних меток в Highstock
- 0ng-repeat и пользовательская директива
AutiID. Я бы сказал, что использование идентификатора клиента может спасти нас во многих местах, но, вероятно, не здесь.