Измените текст текстового поля на javascript/jquery

Question

Я хочу изменить значение текстового поля через javascript.

У меня есть пользовательский элемент управления, из которого я вызываю js-файл. В usercontrol есть текстовое поле, а затем в js-файле я передаю это значение текстового поля. После нажатия кнопки (она находится в пользовательском контроле) файл js выполняет некоторые операции. После нажатия кнопки и завершения операций я хочу изменить значение текстового поля.

User control 

a textbox and a button 

string submitArgs = String.Format("'{0}',tboxTimeMeasured.ClientID); 
    JsSubmitValues.Value = "javascript:SubmitMeasure(" + submitArgs + ");";  


Js File: 
    function SubmitMeasure(control_TimeMeasured) { 
//some operations 
//and success= true   

if (success) { 
      alert("Your changes have been saved successfully!"); 
      var datetimeNow = new Date(); 
      control_TimeMeasured.value = datetimeNow.getHours() + ":" + datetimeNow.getMinutes(); 
     } 
    } 

Вот, он идет в петле успеха, то control_TimeMeasured этого значения текстового поля, которое передается от пользовательского элемента управления в файл 'Js. Как я могу изменить значение control_TimeMeasured ??

Answer 1

Если control_TimeMeasured представляет собой текстовое поле ASP.NET, которое отображается на стороне сервера, возможно, его идентификатор времени выполнения будет отличаться от указанного вами. Вы можете использовать синтаксис <%= control_TimeMeasured.ClientID %>, чтобы получить его идентификатор времени выполнения. Вы также хотите, чтобы выбрать элемент управления (используя его идентификатор), прежде чем вы сможете изменить его свойства; вам нужно сделать немного больше, чем просто ссылаться на него по его названию. Попробуйте это:

document.getElementById("<%= control_TimeMeasured.ClientID %>").value = 
     datetimeNow.getHours() + ":" + datetimeNow.getMinutes(); 

В качестве альтернативы, если у вас есть jQuery, вы можете сделать это:

$("#<%= control_TimeMeasured.ClientID %>")[0].value = 
     datetimeNow.getHours() + ":" + datetimeNow.getMinutes(); 

Теперь, если control_TimeMeasured просто нормальный input элемент, вы можете просто сделать это:

document.getElementById("control_TimeMeasured").value = 
      datetimeNow.getHours() + ":" + datetimeNow.getMinutes(); 

Answer 2

В вашем примере control_TimeMeasured будет строкой. Чтобы использовать это в javascript, вам нужно будет использовать идентификатор, чтобы найти такой элемент.

ОБНОВЛЕНО:

var element = document.getElementById(control_TimeMeasured); 
if(element){ 
    if(element.tagName.toUpperCase() == 'INPUT'){ 
     var datetimeNow = new Date(); 
     element.value = datetimeNow.getHours() + ":" + datetimeNow.getMinutes(); 
    }else{ 
     console.error('element is not an input. Element is \'' + element.tagName + '\'.'); 
    } 
}else{ 
    console.error('element with id\'' + control_TimeMeasured + '\' was not found.'); 
}