Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.
$(".safeplus").click(function(){
var id = $(this).attr('id');
var row_id=id.split('_');
row_id = row_id[1];
next_row = Number(row_id)+1;
$('#safediv_'+next_row).slideDown();
$(this).fadeOut();
});
});
function myFunction() {
//alert("myfuntion");
$(".safeplus").click();
}Thank you, There was another function closing on line 9. that is ok. about autoclick, I have + button to generate new row. Ex: After I enter values in dropdown of safedrop 1 row and clicking +button, safedrop 2 should populate. and so on till safedrop6.
<div class="col-sm-2">
<div class="inputWithIcon">
<select class="form-control dropdown_custom text-uppercase time" name="time_1" id="time_1" data-toggle="tooltip" data-placement="bottom" data-trigger="manual" onchange="myFunction()">
<option value="AM">AM</option>
<option value="PM">PM</option>
</select>
<!-- <input type="text" class="form-control input_custom time" name="time_1" id="time_1" placeholder="HH:MM AM/PM" value=""> -->
<i class="fas fa-plus safeplus safeplus_1" id="safeplus_1" aria-hidden="true" style="display: none;"></i>
</div>
</div>
</div>
</div>
<?php for($i=2;$i<=6;$i++){?>
<div id="safediv_<?php echo $i;?>" style="display: none;" class="rowdiv">
<div class="row d-flex justify-content-center align-items-center mb-3 online_row">
<div class="col-sm-2 text-center">
<label>Safe Drops <?php echo $i;?></label>
<input type="hidden" name="safedrops_<?php echo $i;?>" value="Safe Drop <?php echo $i;?>">
</div>
<div class="col-sm-2">
<input type="text" class="form-control input_custom amount input_style" placeholder="$0.00" id="amount_<?php echo $i;?>" name="amount_<?php echo $i;?>">
<input type="hidden" name="amt_<?php echo $i;?>" value="" >
</div>
<div class="col-sm-2">
<div class="inputWithIcon">
<select class="form-control dropdown_custom text-uppercase time" name="time_<?php echo $i;?>" id="time_<?php echo $i;?>" data-toggle="tooltip" data-placement="bottom" data-trigger="manual" onchange="myFunction()">
<option value="PM">PM</option>
<option value="AM">AM</option>
</select>
<!-- <input type="text" class="form-control input_custom time" name="time_<?php echo $i;?>" id="time_<?php echo $i;?>" placeholder="AM/PM" value=""> -->
<i class="fas fa-plus safeplus safeplus_<?php echo $i;?>" id="safeplus_<?php echo $i;?>" aria-hidden="true" style="display: none;"></i>
</div>
</div>
</div>
</div>
<?php }?>
