显示基于文本输入的表单字段，其中文本输入使用自动完成

Question

我为自己的无知而道歉。我正在尝试使用以下代码：

foo

// Use autocomplete for input with id="tagz"
  $( function() {
    var availableTagz = [
      "Accounting Office",
      "Attorney/ Lawyer Office"
    ];
    $( "#tagz" ).autocomplete({
      source: availableTagz
    });
// display div if user types Attorney/ Lawyer Office  
      checkInd();
      $('#tagz').change(checkInd);

      function checkInd() {
        var riskind = $("input[id='tagz']").val();
       
          if ( riskind == "Attorney/ Lawyer Office" ) {
            document.getElementById('highrisk').style.display = 'block';
          }
        else {
         	document.getElementById('highrisk').style.display = 'none'; 
        }
        
        
      }
    });

#highrisk {
  display:none;
}

如果用户填写输入为“律师/律师办公室”，我希望显示div。自动完成功能正常，但我无法显示div。有人能帮我弄清楚出了什么问题吗？

编辑--- 对不起，我不知道发布到论坛的最佳方式。我发现如果您在输入字段中键入整个值，则以下代码有效，但如果您从自动完成“下拉列表”中选择值，则无效。任何有关如何使其与自动完成功能一起使用的帮助将不胜感激！

<input id="tagz" name="properties[industry]" value="" type="text" required>
<div id="highrisk">
<!--Other conditional inputs go here-->
</div>