Javascript 按其子项获取项目ID（JS）

我想检查

表单

是否有选项CAD（在第7级），如果有，则获取表单id

// first level   
<form id="15" method="post" action="/open a new page" target="_blank">

        //second level- 1                               
        <div>   
            <input type="hidden" id="CHECK" name="CHECK">
        </div>

        //secode leve - 2
        <table cellpadding="0" cellspacing="0" border="0" width="100%">

            // 3rd level
            <tbody>

                //4th level
                <tr>    

                  // 5th level                                                      
                  <td>
                    <input type="hidden" name="name" value="Frank">                                                             
                    <input type="hidden" name="identifier" value="12345">
                    <input type="hidden" name="code" value="299 ">
                    <input type="hidden" name="type" value="060201">
                    <input type="hidden" name="claim" value="4567">
                    <input type="hidden" name="departement" value="IT">
                    <input type="hidden" name="city" value="S25">
                    <input type="hidden" name="num" value="28936">
                    <input type="hidden" name="typeClient" value="2">
                    <input type="hidden" name="numTel" value="4444">
                    <input type="hidden" name="prod" value="MMM">
                    <input type="hidden" name="label" value="doc">

                    //6th level
                    <select name="docToSeize" style="width:150px" class="form1">

                           // 7th levle
                           <option value="11">RAP </option>
                           <option value="12">CAD </option>
                           <option value="18">GGO</option>
                           <option value="1A">HYU</option>
                     </select>

                   </td>

                   <td valign="top">
                       <input type="submit" class="boutonbleuok" style="cursor: hand" value="ok" onclick="label">
                   </td>
               </tr>
            </tbody>
        </table>
    </form>

//第一级
//第二级-1
//第二级
//三级
//第四级
//第五级
//第六级
//第七层
说唱
计算机辅助设计
GGO
赫

选择表单，然后选择表单中的选项并对其进行迭代

const form=document.querySelector（'form'）；
const options=[…form.querySelector（'select[name=docToSeize]'））.children]；
if（options.some（option=>option.textContent.trim（）=='CAD'））console.log（form.id）

说唱
计算机辅助设计
GGO
赫
选择表单，然后选择表单中的选项并对其进行迭代


const form=document.querySelector（'form'）；
const options=[…form.querySelector（'select[name=docToSeize]'））.children]；
if（options.some（option=>option.textContent.trim（）=='CAD'））console.log（form.id）

说唱
计算机辅助设计
GGO
赫
您可以使用函数
querySelectorAll
来获取选项，并使用函数
来查找父窗体


Array.prototype.forEach.call（document.querySelectorAll（'[name=“docToSeize”]option'），函数（opt）{
如果（opt.textContent.trim（）==“CAD”）{
console.log（opt.closest（'form'）.getAttribute（'id'））；
返回；
}
});
表单{
显示：无
}

//第二级-1
//第二级
//三级
//第四级
//第五级
//第六级
//第七层
说唱
计算机辅助设计
GGO
赫
您可以使用函数
querySelectorAll
来获取选项，并使用函数
来查找父窗体


Array.prototype.forEach.call（document.querySelectorAll（'[name=“docToSeize”]option'），函数（opt）{
如果（opt.textContent.trim（）==“CAD”）{
console.log（opt.closest（'form'）.getAttribute（'id'））；
返回；
}
});
表单{
显示：无
}

//第二级-1
//第二级
//三级
//第四级
//第五级
//第六级
//第七层
说唱
计算机辅助设计
GGO
赫