通过比较html表单中的输入来创建选择标记

Question

我正在努力实现这一目标：

在html表单中，需要输入文本。如果文本输入=＆＃34; abc＆＃34;，则将选择标记添加到页面以创建相关的下拉菜单。但是，如果是其他任何内容，则没有下拉菜单或已禁用。

我无法通过jQuery找到或想到一种方法。是否有一个事件可以比较输入字符串，可以使用$（＆＃34;＃equipment＆＃34;）。on（＆＃34; ???＆＃34;，function（）？谢谢。

我对javascript和jQuery很新，很抱歉这个基本问题。

Answer 1

您将input事件用于文本输入，然后根据值隐藏或显示select元素，例如

$('#some_text_input').on('input', function() {

    if ( this.value === 'abc' ) {
        $('#some_select').show();
    } else {
        $('#some_select').hide();
    }

});