如何在.js函数中检索来自其他模板的表单的目标值
How to retrieve in a .js function the target value of a form which comes from an other template?
你好,我是Metroet的新手,由于我的.js文件中有一个Event,我想在模板中检索表单的值。当我在选择菜单中使用一个简单的值时,它就起了作用:我在事件的帮助下检索表单的值,并在函数中发送它。但现在,我使用了一个模板,该模板提供了我的集合中可显示的所有值(每个值都有#),以便为我的选择选项提供所有现有的元素。问题是,我无法从客户端成功检索表单中选择的值。谢谢你的帮助。
这是我代码的一部分:
<template name="searchBar">
<div class="searchBar">
<form class="form-inline">
<select name="make">
{{#each makes}}
{{>make}}
{{/each}}
</select>
<select name="model">
{{#each cars}}
{{>model}}
{{/each}}
</select>
<input type="text" name="price" placeholder="Prix maximum"/>
<input type="text" name="quickSearch" placeholder="Mots-clés" />
<button class="btn btn-primary btn-info" type="submit" value="Rechercher">Rechercher</button>
</form>
</div>
</template>
<template name="make">
<option>{{make}}</option>
</template>
Template.searchBar.events({
"submit form": function (event) {
var make = event.target.make.value;
var model = event.target.model.value;
var price = event.target.price.value;
var quickSearch = event.target.quickSearch.value;
Meteor.call("findCar", make, model, price, quickSearch);
return false;
}
});
findCar: function (quickSearch,make,model,price) {
console.log("fonction called");
console.log("make"); // It send : make instead of the real make
var carsFound = Cars.find({make:make, model:model, price:price}).fetch();
console.log(carsFound);
}
我有时发现使用jQuery(Meteor中本机使用)选择器来查找输入值更容易,而不是使用传入的事件对象。
如果您在选择中添加了一个id:
<select name="make" id="make">
{{#each makes}}
{{>make}}
{{/each}}
</select>
您可以在活动中访问它,如下所示:
$("#make").val();
提示:如果你想避免jQuery并使用内置的DOM对象,我发现在Firefox或Chrome中使用调试器真的很有帮助。它们允许您详细检查对象属性。
相关文章:
- 如何在.js函数中检索来自其他模板的表单的目标值
- 使用一个Javascript函数提交多个表单可以在FF中工作,而不需要其他浏览器
- 使用其他页面上表单的文本创建链接
- 在php中的同一网页上检索所选下拉项的值,并使用其他数据将其发布到其他表单
- 如何完成表单后使用 AJAX 重定向并在其他页面上显示数据
- HTML 按钮以在页面上的其他位置提交表单
- 停止jQuery表单验证重置由其他JavaScript填充的typeahead.js输入字段
- 如果用户单击其他按钮,则禁用表单元素
- 使用提交按钮提交表单,而不是页面上的其他按钮
- 当选中一个复选框时,表单中的所有其他复选框都必须禁用-不工作
- 使用AJAX值的Fileupload不会在表单中传递其他字段
- 表单验证io表单验证.如果“;“其他”;,请解释
- 如何在不干扰其他表单的情况下使用此javascript代码
- 如何在启用javascript时将表单替换为其他表单
- 将其他表单元素传递给ajax建议框脚本
- 当代码引用其他表单时,Javascript或表单验证
- 表单会影响其他表单和提交按钮禁用/启用
- 如果我单击订单表单,它应该显示,而其他表单应该隐藏
- 点击后调用其他表单
- 在其他表单中提交一个特定的动态生成表单