亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 javascript 在 HTML 選擇的嵌入 DIV 中顯示 DIV

使用 javascript 在 HTML 選擇的嵌入 DIV 中顯示 DIV

一只斗牛犬 2023-10-17 16:55:07
我正在嘗試設置一個頁面,人們可以通過在網絡表單中選擇“開始”來觸發調查問卷 - 它會彈出第一個問題的 DIV。當他們回答每個問題(是/否選擇)時,它要么打開一個特定于該問題的 DIV,其中顯示“不 - 離開,因為 XXXX”,要么在新的 DIV 中提出下一個問題......這會重復大約 8 次。到目前為止,我可以讓第一個問題出現,但是當我選擇問題 1 的答案時它不會做任何事情 - 它應該使 Q2 DIV 出現或提供上下文 DIV 來說明為什么他們無法繼續。我在這個 jsfiddle 鏈接中有一個(非常)精簡的演示    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.js"></script>    <script>      $(function () {        $("#requestSelect").change(function() {          var val = $(this).val();          if(val === "HealthCheck") {            $(".clearAll").hide();            $(".HealthCheck").show();          }        });      });    </script>    <script>                $(function () {                $("#HealthCheck1").change(function() {                    var val = $(this).val();                    if(val === "HealthCheck1Yes") {                        $(".HealthCheck1Yes").show();                    }                    else if(val === "HealthCheck1No") {                        $(".HealthCheck1No").show();                    }                }            });    </script> 
查看完整描述

1 回答

?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

你錯過了最后關閉你的函數}):


$("#HealthCheck1").change(function() {

    var val = $(this).val();

    if(val === "HealthCheck1Yes") {

        $(".HealthCheck1Yes").show();

    }

    else if(val === "HealthCheck1No") {

        $(".HealthCheck1No").show();

    }

});

工作中的jsfiddle

還有一些其他建議可供您考慮:

  1. 使用正確的自閉合 HTML 標記語法。使用<br />而不是</br>.

  2. 使用正確的縮進(對于所有文檔)可以幫助您更快地找到未關閉的函數和其他錯誤。

  3. 將您的 javascript 放入適當的文件中,然后將其包含在<script src="myscripts.js"></script>. 這將允許您的代碼編輯器(如 intellij)檢測簡單的結束標記/函數問題。


查看完整回答
反對 回復 2023-10-17
  • 1 回答
  • 0 關注
  • 168 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號