bootstrap select js add' open'不工作

时间:2018-03-12 08:33:18

标签: javascript html

enter image description here 我需要打开classadd。但不允许。

平变化=" tabenter()&#34 ;;

function tabenter()

{
    var element = document.querySelector('.tt');
    element.classList.add("open");
   // or
$(".tt").addClass('openn');

}

1 个答案:

答案 0 :(得分:1)

您应该使用jQuery来绑定事件处理程序而不是内联事件处理程序, 这是一个例子:

$('#selectBox').on('change', function() {
  $('.tt').addClass('open');
})
.open{
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="selectBox">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

<p class ="tt">
I will change my class
</p>