gpt4 book ai didi

javascript - 如何将html表单中的数据存储在变量中?

转载 作者:行者123 更新时间:2023-12-03 07:08:39 25 4
gpt4 key购买 nike

基本上有一个类似 Google 的搜索栏,一旦用户点击提交,我需要将其存储在一个变量中。 jQuery 的内容比下面更多,但它只是 document.ready。我需要变量中的数据的原因是因为之后,我将使用 $.post 并将其发送到我的 API。

("#form").submit( function(res) {
var id = $(this).JSON.parse(data);

//Other attempted ways of getting input.
// $(this).data
// $(this).data('button')
// document.getElementById('id').value
// $(this).getElementById('id').value
// $(this).JSON.parse(data) -> "cannot parse undenfined, means no JSON data."


$.post('/search', {id: id }, function(data) {
data = JSON.parse(data);
$("#count").text("we analyzed...");
$("#result1".text(data));
$("#totals").text("with a score of..");
$("#result2").text(data);
});
res.redirect('/test/' + id);
});
<form id="form">
<div class="featurette">
<div class="featurette-inner text-center">
<div class="search">
<div class="input-group input-group-lg">
<span class="input-group-btn">
<button class="btn btn-danger" type="submit">Search</button>
</span>
<input type="text" name="id" input id="searchbar" class="form-control" placeholder="Enter your search term....">
</div>
</div>
</div>
</form>

最佳答案

首先,请注意您的 #form选择器缺少 $

假设您的意思是要检索用户在 #searchbar 中键入的值输入字段,您可以直接使用$('#searchbar').val() :

$("#form").submit( function(res) {
var search = $('#searchbar').val();
// use the 'search' variable as needed here...
// $.post('url...', { searchTerm: search });
});

另请注意,您的 HTML 无效。您错过了结束语 </div>并且没有input input 上的属性元素。试试这个:

<form id="form">
<div class="featurette">
<div class="featurette-inner text-center">
<div class="search">
<div class="input-group input-group-lg">
<span class="input-group-btn">
<button class="btn btn-danger" type="submit">Search</button>
</span>
<input type="text" name="id" id="searchbar" class="form-control" placeholder="Enter your search term...." />
</div>
</div>
</div>
</div>
</form>

关于javascript - 如何将html表单中的数据存储在变量中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36701598/

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