Javascript在用户单击按钮时设置输入值_Javascript_Jquery_Google Chrome Extension

Javascript在用户单击按钮时设置输入值

javascript jquery google-chrome-extension

Javascript在用户单击按钮时设置输入值,javascript,jquery,google-chrome-extension,Javascript,Jquery,Google Chrome Extension,我正在开发chrome扩展。我想在用户单击按钮时将输入值（用户名）更改为一些文本。但我的解决方案不起作用。需要建议。我的代码如下所示： <!DOCTYPE html> <html> <head> <META http-equiv=content-type content=text/html;charset=utf8> <META http-equiv=content-type content=text/html;charset=wind

我正在开发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>


$（'#target'）。提交（函数（）{
警惕（“某物”）；
返回false；
$（'#UserName'）。值（'test'）；
});
用户名：
密码：

您的提交按钮必须为“提交”类型

因此：

<input type="button" value="Login" id="Login" />

查看此工作
您的提交按钮需要为'submit'类型
因此：

<input type="button" value="Login" id="Login" />

请参见此工作
将提交按钮从键入按钮更改为从以下位置提交：

<input type="button" value="Giriş" id="Login" />
致：

将“提交”按钮从“类型”按钮更改为“提交自”：

<input type="button" value="Giriş" id="Login" />
致：

jQuery使用VAL而不是值
换句话说

<script> $('#target').submit(function() { alert('something'); return false; $('#UserName').val('test'); }); </script>

$（'#target'）。提交（函数（）{ 警惕（“某物”）；返回false； $（'#UserName'）.val（'test'）； });

而且表单也未提交。要更改输入类型并提交到adciona表单，jQuery使用VAL而不是值
换句话说

<script> $('#target').submit(function() { alert('something'); return false; $('#UserName').val('test'); }); </script>

$（'#target'）。提交（函数（）{ 警惕（“某物”）；返回false； $（'#UserName'）.val（'test'）； });
而且表单也没有提交更改输入类型并提交到adciona表单
METHOD=“POST”
这很好

$('input#Login').click(function() { $('#UserName').val('test'); return false; });
这很好用

$('input#Login').click(function() { $('#UserName').val('test'); return false; });

各位，非常感谢。我找到了。问题是，在开发谷歌浏览器应用程序时，必须将javascript代码与html分开。否则javascript将无法工作。
各位，非常感谢。我找到了。问题是，在开发谷歌浏览器应用程序时，必须将javascript代码与html分开。否则javascript不起作用。
尝试过，但除了表单刷新之外没有任何更改。尝试过，但除了表单刷新之外没有任何更改。感谢您的回答，但仍然没有任何更改changed@pale更改了外观的响应我正在开发chrome扩展。当我在浏览器中打开html时，一切都正常工作。但当我把我的扩展安装到chrome上时，一切都不起作用。我点击按钮多次，但它是刷新页面只有并没有警告并没有错误。但当在浏览器中打开时，一切正常。谢谢您的回答，但仍然没有任何结果changed@pale更改了外观的响应我正在开发chrome扩展。当我在浏览器中打开html时，一切都正常工作。但当我把我的扩展安装到chrome上时，一切都不起作用。我点击按钮多次，但它是刷新页面只有并没有警告并没有错误。但当在浏览器中打开时，一切正常。我看了看Fidle。是的，它有效。但在我的扩展中，它不起作用。您的控制台中有JavaScript错误吗？以上可能是使用jQuery完成指定任务的正确方法。我正在开发chrome扩展。当我在浏览器中打开html时，一切都正常工作。但当我把我的扩展安装到chrome上时，一切都不起作用。我点击按钮多次，但它是刷新页面只有并没有警报并没有错误。我在菲德尔看。是的，它有效。但在我的扩展中，它不起作用。您的控制台中有JavaScript错误吗？以上可能是使用jQuery完成指定任务的正确方法。我正在开发chrome扩展。当我在浏览器中打开html时，一切都正常工作。但当我把我的扩展安装到chrome上时，一切都不起作用。我点击按钮多次，但它是刷新页面只有并没有警告并没有错误。
$('input#Login').click(function() { $('#UserName').val('test'); return false; });