javascript - 由于数据库请求(门户字段)显示 <div>

标签 javascript jquery html css

我是 JS 初学者,使用以下脚本,它与复选框配合使用效果很好。

function adressfreigabe() {
  var objektadresse = document.getElementById("objektadresse");
  var adresseeinblenden = document.getElementById("adresseeinblenden");
  adresseeinblenden.style.display = (objektadresse.checked) ? "" : "none";
}
<h4>
  <!-- Adresse einblenden --><input id="objektadresse" onchange="adressfreigabe()" type="checkbox" wtx-context="BBCF87B1-40E3-47D2-8436-F8C2B75940EF" /> Objektadresse erfassen und ver&ouml;ffentlichen</h4>

<p>Bitte geben Sie die Objektadresse hier nur ein, wenn sie ver&ouml;ffentlicht werden darf.</p>

<div id="adresseeinblenden" margin-top="2em" style="display:none">
  <table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
    <tbody>
      <tr>
        <td>
          <h4>Stra&szlig;e</h4>
        </td>
        <td>
          <wstag class="wsTag" id="266" type="ddbf_67" widget="text">Portal Field :: strasse</wstag>
        </td>
        <td>
          <h4>Hausnummer</h4>
        </td>
        <td>
          <wstag class="wsTag" id="275" type="ddbf_70" widget="text">Portal Field :: hausnummer</wstag>
        </td>
      </tr>
    </tbody>
  </table>
</div>

是否有可能用数据库请求的结果(文本,"is"或“否”)替换复选框?

<div id="adresseeinblenden"...>如果结果为"is"则应显示,如果结果为“否”则应隐藏。

传递结果的字段如下所示:

<wstag class="wsTag" id="5853" type="ddbf_197" widget="select">Portal Field :: adresseeinblenden</wstag>

我不需要 onclick 等,不需要用户执行任何操作来显示 div。

最佳答案

你可以使用jquery、ajax。 您可以在 $( document ).ready(function(){}.

中使用 ajax 调用从 db 函数中提取数据

将数据库结果分配给一个变量 dbRes。

然后替换您的条件adresseeinblenden.style.display = (objektadresse.checked) ? ““: “没有任何”; adresseeinblenden.style.display = (dbRes == 'yes') ? ““: “没有任何”; }

关于javascript - 由于数据库请求(门户字段)显示 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55081042/

相关文章:

javascript - React 不渲染 css 样式

javascript - AngularJS:ng-repeat不显示项目

javascript - 语义 UI 中的表主体没有表行导致 validateDomNesting 错误

jquery - 选择 DOM 中某个元素之后的所有 div 元素?

javascript - 当幻灯片自动播放时向外部导航添加类 : anythingSlider

javascript - 当内容出现在底部时使页脚向上移动

javascript - Foundation 5/显示模态错误/未捕获的类型错误 : Cannot read property 'css' of undefined

javascript - JQuery 不验证表单

jquery一步步显示隐藏div

javascript - 从 xcode 中的网页解析 javascript window.close() 函数