我正在学习Jquery。我想了解所选的选项。 所以当用户选择一个选项时,我可以做点什么。
我尝试运行Jquery,以便当用户选择customAmountSelected时,它应该添加一个类' xxx'到customAmountinput
$(document).ready(function() {
if ($("#amountSelected:selected").val() == 'customAmountSelected') {
$('.customAmountinput').addClass('xxx');
}
});

.displaynone {
display: none;
}

<div>
<div class="form-group">
<label>Budget (£)</label>
<select class="form-control" id="amountSelected">
<option selected="selected">No budget</option>
<option value="5">£5</option>
<option value="30">£10</option>
<option value="20">£20</option>
<option value="50">£50</option>
<option value="100">£100</option>
<option value="customAmountSelected">Custom</option>
</select>
<p class="small"><em>Need some text here to explain why they can edit budget </em>
</p>
</div>
<!-- appear when user selected custom budget -->
<div class="form-group displaynone customAmountinput">
<label>Enter ammount</label>
<input class="form-control" placeholder="£">
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" value checked>Post to wall?
</label>
</div>
</div>
</div>
&#13;
答案 0 :(得分:1)
您正在处理价值,因此您无需验证&#34;已选择&#34;状态。
你必须听取事件&#34;更改&#34;,它必须在$(文件).ready()内,这种事件在窗口/ DOM加载中绑定。
尝试这样的事情:
$(document).ready(function() {
$("#amountSelected").change(function(){
if($(this).val() == 'customAmountSelected'){
$('.customAmountinput').addClass('xxx');
}
});
});
&#13;
答案 1 :(得分:0)
您在错误的地方使用if语句。这样,if
在文档加载时就会被评估一次。您需要将其绑定到输入的change
事件,如下所示:
$("amountSelected").change(function(){
if($("#amountSelected:selected").val() == 'customAmountSelected' ) {
$('.customAmountinput').addClass('xxx');
}
});
答案 2 :(得分:0)
更改选项时,会触发jQuery new TraceInfo()
事件。请注意,要获取该值,只需使用List<TraceInfo>
http://www.mkyong.com/hibernate/how-to-embed-oracle-hints-in-hibernate-query/
Dictionary<string, TraceInfo>