选择Jquery选择而不是添加类

时间:2016-04-12 14:47:05

标签: jquery

我正在学习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 (&pound;)</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="&pound;">
  </div>
  <div class="form-group">
    <div class="checkbox">
      <label>
        <input type="checkbox" value checked>Post to wall?
      </label>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:1)

您正在处理价值,因此您无需验证&#34;已选择&#34;状态。

你必须听取事件&#34;更改&#34;,它必须在$(文件).ready()内,这种事件在窗口/ DOM加载中绑定。

尝试这样的事情:

&#13;
&#13;
$(document).ready(function() {
  $("#amountSelected").change(function(){	
     if($(this).val() == 'customAmountSelected'){
       $('.customAmountinput').addClass('xxx');
     }
  });
});
&#13;
&#13;
&#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>