gpt4 book ai didi

javascript - console.log 在我的输入字段中给出 undefined

转载 作者:行者123 更新时间:2023-12-05 09:32:30 25 4
gpt4 key购买 nike

脚本:

    $(document).ready(function (){
$(document).on('click', '.add_category', function(e){
e.preventDefault();
var data = {
'category_name': $('.category_name').val(),
'category_description': $('.category_description').val(),
}
console.log(data);
});
});

形式:

<h4 class="text-center font-weight-bold">Add New Category</h4>
<div class="form-group">
<input type="text" class="form-control form-group w-100" placeholder="Category Name" class="category_name">
</div>
<div class="form-group">
<textarea class="form-control w-100" placeholder="Category Description" class="category_description" cols="50" rows="10"></textarea>
</div>

需要建议,即使输入类型和脚本的 var 数据相同,我的输入字段事件也会返回 undefined

我还尝试将 class="category_name"更改为 name="category_name"

我错过了什么?

1

最佳答案

您的 HTML 标记包含两个 class 属性:

<input type="text" class="form-control form-group w-100" placeholder="Category Name" class="category_name">
^^^ here ^^^ and here

浏览器忽略了第二个,因此您的 jQuery 选择器返回空集。

您应该将类​​属性组合成一个字符串:

<input type="text" class="form-control form-group w-100 category_name" placeholder="Category Name">

关于javascript - console.log 在我的输入字段中给出 undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68012040/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com