2016-12-27 90 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