如何将 HTML 代码更改为 javascript？答案

【问题标题】：How can I change a HTML code into javascript?如何将 HTML 代码更改为 javascript？
【发布时间】：2016-12-27 08:28:25
【问题描述】：

我需要根据用户在dropdown menu 上选择的option 来禁用/启用按钮。使用下面的代码，如果支付了一个trip，它将禁用按钮，即使我选择了不同的旅行，它也会保持禁用状态
代码：

<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

请帮帮我。

【问题讨论】：

How to get jQuery dropdown value onchange event的可能重复
@Rajesh：JavaScript 并不暗示 jQuery。
这个提到的链接使用 jQuery 来绑定事件，但你也可以不用它。只需使用element.addEventListener
在问题中添加php标签
@icktoofay 请阅读我的第二条评论

标签： javascript php

【解决方案1】：

按钮需要一个名称或 ID。

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

【讨论】：

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

【解决方案2】：

使用这个 - 这会将您的 html 转换为 javascript http://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/

【讨论】：

将整个页面更改为 JS 似乎并不是解决此问题的正确方法。在组合的 onChange 事件中简单更新按钮的属性即可。