通过 javascript/jquery 更改文本框的文本

Question

我想通过javascript更改文本框的值。

我有一个用户控件，我从中调用一个 js 文件。用户控件中有一个文本框，然后在 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 文本框，则它的运行时 ID 可能与您指定的不同。您可以使用 <%= control_TimeMeasured.ClientID %> 语法来获取其运行时 ID。您还希望在更改其属性之前选择控件（使用其 ID）；你必须做的不仅仅是通过它的名字来引用它。试试这个：

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 中使用它，您需要使用 id 来查找这样的元素。

更新：

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.');
}