我有一个包含两个选项的选择。我希望默认选项在选择元素下方显示一个输入,而另一个选项在选择时隐藏该输入,而是显示一段文本。我试过使用绑定和更改,但我无法让它工作。最好的方法是什么?
问问题
232 次
2 回答
3
这是一个很小的、可重用的函数,它通过显示/隐藏减少了一些代码混乱。
jQuery.fn.showIf = function (condition) {
return this[condition ? 'show' : 'hide']();
}
你像这样使用它:
$('#foo').change(function() {
$('#input').showIf(el.val() === "1");
$('#text').showIf(el.val() !== "1");
});
于 2012-05-09T18:15:48.580 回答
1
这些方面的东西应该可以解决问题:
<select id="foo">
<option value="1">Enter a value</option>
<option value="2">Show some text</option>
</select>
<input id="input" type="text"/>
<p id="text" style="display:none">
Blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah
</p>
$('#foo').change(function() {
var el = $(this);
if(el.val() === "1") {
$('#input').show();
$('#text').hide();
} else {
$('#text').show();
$('#input').hide();
}
});
于 2012-05-09T18:10:37.400 回答