從水平下拉菜單中選擇要加載的iframe src

Question

我是該網站的新成員...已經使用了很長時間，但是從未使用過，但是我一直無法找到答案，所以我想我應該問。
我是剛接觸jquery和html選擇器的人，因此，如果這是一個簡單的問題，請原諒我。..我正在使用HTML5 ， css和jquery 。 我創建了一個三層深的水平下拉菜單。 我想根據用戶的選擇來選擇要加載到iframe中的html頁面（每個頁面代表一個報告）。 當我選擇一個內部il選擇時，我得到了它的id，但是它繼續循環遍歷li和ul直到在父li處結束。

==>這是UL> IL> IL樹：

<li id="" onclick="processRequest(id)">
    <a href="#">link 4</a>
    <ul class="sub1">
        <li id="sublink41" onclick="processRequest('sublink41.html')">  <a href="#">-link 4.1</a></li>
        <li id="sublink42" onclick="processRequest(id)"> <a href="#">-link 4.2</a></li>
        <li id="sublink43">
            <a href="#">-link 4.3</a><span class="rarrow">&#9654</span>
            <ul class="sub2">
                <li id="sublink431" onclick="processRequest(id)"><a href="#">-- link 4.3.1</a></li>
                <li id="sublink432" onclick="processRequest(id)"> <a href="#">-- link 4.3.2</a></li>

==>這是jQuery函數：

function processRequest(value) {
   var selectedValue = value;
   console.log('selected values is: '+selectedValue);
   $('#frameIt').replaceWith('<iframe id="frameIt" src= "' + selectedValue + '">')
}

我想使用ID來標識要加載到iframe中的正確html文件，但是當我通過chrome工具檢查此文件時，這就是我看到的內容...

default.aspx:71 selected values is: sublink41.html
default.aspx:71 selected values is: 

如您所見，它找到了正確的值，但是它繼續到達父級LI並在此處結束...我已經花了一些時間試圖找到解決方案，但是還沒有...任何幫助。

Answer 1

嘗試將onclick移到<a>標記，而不是<li>標記。 就像現在的代碼一樣，單擊會使DOM冒泡，並可能多次觸發processRequest() ，無意間將id替換為另一個值，而不是您真正想要的值。

這里的答案可能也對您有用： https : //stackoverflow.com/a/1369080/4475757

Answer 2

去除

的onclick = “的processRequest（ID）”

從第一行的父li標簽開始。