2016-12-27 96 views
-2

我需要禁用/启用一个按钮,具体取决于用户在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>&emsp; 
    <?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 

请帮助我。

+0

的[如何获得jQuery的下拉值onchange事件](http://stackoverflow.com/questions/19922729/how-to-get-jquery-dropdown-value-onchange-event) – Rajesh

+0

可能的复制@ Rajesh:JavaScript并不意味着jQuery。 – icktoofay

+0

这个提到的链接使用jQuery来绑定事件,但你也可以没有它。只需使用'element.addEventListener' – Rajesh

回答

0

按钮需要一个名称或ID。

onchange="if (tripSelect.value == "(something)" { buttonnameorid.disabled=false; }" 
+0

写内联事件处理程序是一种不好的做法。任何人都可以使用开发工具改变它并破坏你的网站。我建议使用'.addEventListener' – Rajesh