0

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

5 回答 5

2

您的提交按钮必须是'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;
});

看到这个工作 小提琴。

于 2013-07-18T13:47:34.413 回答
2

将您的提交按钮从类型按钮更改为提交自：

 <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;
于 2013-07-18T13:54:46.177 回答
1

这工作正常

$('input#Login').click(function() {        
    $('#UserName').val('test');
    return false;
});
于 2013-07-18T14:04:27.350 回答
1

jQuery 使用 VAL 而不是 VALUE

换句话说

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

而且 FORM 不是 submitado 更改输入类型并提交到 adciona FORMMETHOD = "POST"

于 2013-07-18T13:58:57.993 回答
0

伙计们非常感谢你们。我发现。问题是当您开发 google chrome 应用程序时，您必须将 javascript 代码与 html 分开。否则 javascript 不起作用。

于 2013-07-19T08:29:26.087 回答