[英]Javascript set input value when user click button
我正在開發Chrome擴展程序。 我想在用戶單擊按鈕時將輸入值（用戶名）更改為一些文本。 但是我的解決方案不起作用。 需要咨詢。 我的代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<META http-equiv=content-type content=text/html;charset=utf8>
<META http-equiv=content-type content=text/html;charset=windows-1254>
<META http-equiv=content-type content=text/html;charset=x-mac-turkish>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<title></title>
<script>
$('#target').submit(function() {
alert('something');
return false;
$('#UserName').value('test');
});
</script>
</head>
<body>
<form id="target">
<table>
<tr>
<td>UserName:</td>
<td>
<input type="text" id="UserName" size="20" />
</td>
</tr>
<tr>
<td>Password:</td>
<td>
<input type="password" id="Password" />
</td>
</tr>
<tr>
<td></td>
<td><input type="button" value="Login" id="Login" /></td>
</tr>
</table>
</form>
</body>
</html>
您的提交按鈕必須為'submit'類型。
所以這：
<input type="button" value="Login" id="Login" />
應該：
<input type="submit" value="Login" id="Login" />
另外，用於獲取/設置輸入值的jQuery函數是.val（） 。
最后，您不希望在函數結束之前返回false 。
$('#target').submit(function() {
alert('something');
$('#UserName').val('test');
return false;
});
看到這個工作的 小提琴 。
將您的提交按鈕從類型按鈕更改為從以下位置提交：
<input type="button" value="Giriş" id="Login" />
至：
<input type="submit" value="Giriş" id="Login" />
還可以從以下位置更改您的JS代碼：
$('#target').submit(function() {
alert('uyarı');
return false;
$('#UserName').value('deneme');
至：
$('#target').submit(function() {
alert('uyarı');
$('#UserName').val('deneme');
return false;
jQuery使用VAL而不是VALUE
換一種說法
<script>
$('#target').submit(function() {
alert('something');
return false;
$('#UserName').val('test');
});
</script>
並且FORM不能Submitado更改輸入類型並提交給adciona FORM METHOD = "POST"
這很好
$('input#Login').click(function() {
$('#UserName').val('test');
return false;
});
伙計們非常感謝您。 我發現。 問題是，當您開發Google Chrome應用程序時，必須將javascript代碼與html分開。 否則，javascript無法正常工作。
當用戶單擊更新按鈕時，如何在 TODO 應用程序的輸入字段中設置 li 值（li 內的文本）？
[英]How to set the li value (text inside the li) in the input filed in TODO application when user click on update button?
無法獲取由 Javascript 設置的輸入值，然后由 Blazor 按鈕單擊讀取
[英]Cannot get input value set by Javascript and then read by Blazor button click
在用戶控件中單擊ASP.NET時，可以使用javascript在主頁中設置文本框的值
[英]ASP.NET on button click in user control set the value of a textbox in the main page using javascript
當用戶單擊輸入時，如何激活：專注於輸入+按鈕？
[英]How to activate :focus on the input+button when a user click into the input?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.