Question

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

Answer 1

您的提交按钮必须是＆＃39;提交＆＃39; 类型。

所以这个：

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

请参阅正常工作 Fiddle。

Answer 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;

Answer 3

jQuery使用VAL而不是VALUE

换句话说

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

并且FORM也未提交更改输入类型并提交给adciona FORM METHOD = "POST"

Answer 4

这很好用

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

Answer 5

伙计们非常感谢你们。我发现。问题是当你开发谷歌浏览器应用程序时，你必须从html中分离javascript代码。否则javascript无效。

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

5 个答案: