如何从流星模板事件中的 html 标签中获取文本?
How can fetch the text from html tag in meteor template event?
如何从下面的代码中得到 "option 1":
<template name="MyTemplate">
<div class="dropdown">
<a class="dropdown-toggle count-info" data-toggle="dropdown" href="#" aria-expanded="false">
<button type="button" class="btn btn-sm btn-primary">Add</button>
</a>
<div class="dropdown-menu dropdown-alerts">
<form method="post" id="some-form" data-remote="true" accept-charset="UTF-8">
<div class="form-group">
<label>Select Option</label>
<div class="input-group">
<select class="chosen-select" tabindex="2">
<option value="op1">Option 1</option>
<option value="op2">Option 2</option>
<option value="op3">Option 3</option>
</select>
</div>
</div>
<input type="submit" value="Add" data-disable-with="Saving..." class="btn btn-sm btn-success">
</form>
</div>
</div>
</template>
我正在使用选定的插件 (http://harvesthq.github.io/chosen/) 作为样式。所以,下拉节点转换不同,有一个节点是这样的:
<a class="chosen-single" tabindex="-1">
<span>Option 1</span>
</a>
其中包含从下拉列表中选择的值。
内部模板事件我的代码是:
template.find("#some-form .chosen-single span");
它给了我:
<span>Option 1</span>
我想要"Option 1"。如果我这样写:
// giving "undefined"
template.find("#some-form .chosen-single span").html;
or
// giving error :: Uncaught TypeError: undefined is not a function
template.find("#some-form .chosen-single span").html();
template.find("#some-form .chosen-single span").text();
不确定此文档中解释的所有其他信息:
http://meteor.github.io/blaze/docs.html#eventmaps
但对我来说这段代码有效(流星 1.1.0.3)
html:
<template name="newTextLabel">
<span class="label label-primary pull-right genre">{{this}}</span>
</template>
事件:
Template.newTextLabel.events ({
'click .genre': function(event) {
sAlert.info('test: ' + event.target.textContent);
// Router.go('somePath', {
// _id: this.genrePath
// });
}
})
如何从下面的代码中得到 "option 1":
<template name="MyTemplate">
<div class="dropdown">
<a class="dropdown-toggle count-info" data-toggle="dropdown" href="#" aria-expanded="false">
<button type="button" class="btn btn-sm btn-primary">Add</button>
</a>
<div class="dropdown-menu dropdown-alerts">
<form method="post" id="some-form" data-remote="true" accept-charset="UTF-8">
<div class="form-group">
<label>Select Option</label>
<div class="input-group">
<select class="chosen-select" tabindex="2">
<option value="op1">Option 1</option>
<option value="op2">Option 2</option>
<option value="op3">Option 3</option>
</select>
</div>
</div>
<input type="submit" value="Add" data-disable-with="Saving..." class="btn btn-sm btn-success">
</form>
</div>
</div>
</template>
我正在使用选定的插件 (http://harvesthq.github.io/chosen/) 作为样式。所以,下拉节点转换不同,有一个节点是这样的:
<a class="chosen-single" tabindex="-1">
<span>Option 1</span>
</a>
其中包含从下拉列表中选择的值。
内部模板事件我的代码是:
template.find("#some-form .chosen-single span");
它给了我:
<span>Option 1</span>
我想要"Option 1"。如果我这样写:
// giving "undefined"
template.find("#some-form .chosen-single span").html;
or
// giving error :: Uncaught TypeError: undefined is not a function
template.find("#some-form .chosen-single span").html();
template.find("#some-form .chosen-single span").text();
不确定此文档中解释的所有其他信息: http://meteor.github.io/blaze/docs.html#eventmaps
但对我来说这段代码有效(流星 1.1.0.3) html:
<template name="newTextLabel">
<span class="label label-primary pull-right genre">{{this}}</span>
</template>
事件:
Template.newTextLabel.events ({
'click .genre': function(event) {
sAlert.info('test: ' + event.target.textContent);
// Router.go('somePath', {
// _id: this.genrePath
// });
}
})