无法使用jQuery重置div中的文本

这应该是一个简单的答案，我已经有一段时间没有做任何js了

我的html中有一个提交按钮和一个div：

<input type="submit" name="submit"/>
<div name="result">result here </div>

有人指出这不起作用的原因吗？

检查一下

$('input[name=submit]').click(function(){   
  $('div[name=result]').text('results from database ')   //set new text   
});

$function{ $'input[name=submit]'。单击函数{ $'result'.text'results from database'//设置新文本 }; }; 结果在这里检查这个

$function{ $'input[name=submit]'。单击函数{ $'result'.text'results from database'//设置新文本 }; };

---

结果这里首先，在div中将name属性更改为class

<div class="result">result here </div>

如果来自数据库的结果包含HTML，请使用HTML方法

---

首先，在div中将name属性更改为class

<div class="result">result here </div>

如果来自数据库的结果包含HTML，请使用HTML方法

---

div元素不应具有name属性。您应该使用id属性：

<input type="submit" name="submit"/>
<div id="result">result here </div>

---

此外，我建议为按钮使用id属性，除非您可能希望选择多个共享相同名称属性值的按钮，因为名称不必是唯一的，但id是唯一的。因此，如果您只需要一个特定的按钮，那么应该使用id属性和选择器。

div元素不应该有name属性。您应该使用id属性：

<input type="submit" name="submit"/>
<div id="result">result here </div>

---

此外，我建议为按钮使用id属性，除非您可能希望选择多个共享相同名称属性值的按钮，因为名称不必是唯一的，但id是唯一的。所以，如果您只需要一个特定的按钮，您应该使用id属性和选择器。

一种方法是使用class或id来显示结果

<input type="submit" name="submit"/>
<div class="result">result here </div>

<script>
jQuery(document).ready(function ($) {
  $('input[name=submit]').on('click', function (){
      $('.result').html('results from database');
  }); 
}); 
</script>

或

---

一种方法是使用类或ID来显示结果

<input type="submit" name="submit"/>
<div class="result">result here </div>

<script>
jQuery(document).ready(function ($) {
  $('input[name=submit]').on('click', function (){
      $('.result').html('results from database');
  }); 
}); 
</script>

或

---

您可以设置div的ID而不是name。如下图所示：

<div id="result">result here </div>

---

您可以设置div的ID而不是name。如下图所示：

<div id="result">result here </div>

---

这样编写html会更好：

<input type="submit" name="submit"/>
<div data-name="result">result here </div>

在代码中，您犯了两个错误，这两个错误导致代码无法运行。 您的div选择器在result和val周围缺少引号，即$'div[name=result]'。val应替换为$'div[name=result]'。text

val替换为文本，因为val用于表单元素，表单元素具有默认值属性，用于在提交时向服务器发送值

---

此外，on应该避免对表单元素以外的普通dom元素使用name属性。代替它们，您可以定义自定义属性，如数据名。

如果您这样编写html，效果会更好：

<input type="submit" name="submit"/>
<div data-name="result">result here </div>

在代码中，您犯了两个错误，这两个错误导致代码无法运行。 您的div选择器在result和val周围缺少引号，即$'div[name=result]'。val应替换为$'div[name=result]'。text

val替换为文本，因为val用于表单元素，表单元素具有默认值属性，用于在提交时向服务器发送值

---

此外，on应该避免对表单元素以外的普通dom元素使用name属性。代替它们，您可以定义自定义属性，如数据名。

您确定提交没有提交和刷新页面吗？也许换个普通的按钮？或者返回false。您确定提交没有提交并刷新页面吗？也许换个普通的按钮？或者返回false。您是否尝试过将name属性设置为div？如果没有，再试一次，你会得到它，但我同意你的div name是不合适的，你是否尝试过将name属性添加到div？如果没有，请再试一次，您将得到我同意您的意见，但div name不合适欢迎Lucy：欢迎Lucy:

<input type="submit" name="submit"/>
<div data-name="result">result here </div>

$('input[name=submit]').click(function(){   
    $('div[data-name="result"]').text('results from database ')   //set new text   
    return false;    // For not submitting the form so that 
                     // you can see the changes if in case 
                     // page is getting submitted it won't submit
});