我需要禁用/启用一个按钮,具体取决于用户在dropdown menu
上选择的option
。使用它下面的代码将禁用按钮,如果是支付一个trip
甚至以为我选择不同的旅行将保持禁用
代码:如何将HTML代码更改为JavaScript?
<div class="form-group">
<select onchange="showOptions(this)" id="tripSelect">
<option value="" disabled selected align="center">-- Choose Trip --</option>
<?php $z = 0; ?>
@foreach($event_groups as $event_group)
<?php
...
?>
@if($event)
<option class="dd" value="{{$optionID}}">{{$event->trip_name}}</option>
// some trips are paid
@endif
@endforeach
</select>
</div> 
<?php
...
?>
@if (EUser::noOneHasPaid($booking_id)) // if not yet paid then enable
<a class="btn-success invitation" id="add">Add Friends</a>
@else //else disable button
<button class="btn-success" disabled>Add Friends</button>
@endif
请帮助我。
的[如何获得jQuery的下拉值onchange事件](http://stackoverflow.com/questions/19922729/how-to-get-jquery-dropdown-value-onchange-event) – Rajesh
可能的复制@ Rajesh:JavaScript并不意味着jQuery。 – icktoofay
这个提到的链接使用jQuery来绑定事件,但你也可以没有它。只需使用'element.addEventListener' – Rajesh