如何在id或class中選擇單個或多個div中的所有輸入並選擇元素

Question

我想添加一個Jquery來檢測div id =“ goaldiv” \\內的任何字段的變化，但以下腳本不起作用。

 $('#fhcform .goalv input','#fhcform .goalv 
     select').on('change',function(eve){
                    alert($(this).val());
            });

以下是html代碼：

     <div id="goaldiv">
      <div id="mygoaldiv" >
          <div id="my0Div" class="goalv">
              <input type="hidden" value="0" name="hddgoal_id[]" class="goalid">
               <div class="col-sm-3 col-md-3 col-lg-3 form-pad-bot" class="form-control  inputText"  >
                  <select name="goal_id[]" class="form-control " aria-required="true">
                      <option value=""> Select Goal</option>
                      <option value="1"   > vacation</option>
                      <option value="2"   > child marriage</option>
                  </select>
              </div>
              <div class="col-sm-3 col-md-3 col-lg-3 form-pad-bot"> 
                  <input value="" placeholder="Goal Year" class="goal_date form-control  inputText" type="text" name="goal_date[]" >  

              </div>
           </div>   
      </div>
     </div>

Answer 1

這將使其工作，

 $('#goaldiv .goalv input, #goaldiv .goalv      select').on('change',function(eve){
      alert($(this).val());
 });

您的代碼選擇器錯誤，