我如何列出所有的值=選擇在HTML（CSS）頁

Question

我工作過一個.NET網站，有一堆的web表單。用戶通過瀏覽器鍵入他們的數據，並將提交的數據推送到SQL Server數據庫。

我試圖分析數據庫中的數據，但我在努力，因爲沒有代碼的書，表明我是什麼碼1，2，3等代表。

是否有在Javascript一些相對簡單的工具或東西，我可以用它來提取所有選項的下拉列表，告訴我他們是如何編碼的？例如，通過在源代碼中右擊我可以看到，對於Mode:有三個選項：1=Research, 2=Test and 3=Non-Research。

我有一對夫婦的這些東西，所以我真的不想做手工。這一百...

我想有一些工具（希望在網上，也許的jsfiddle），可以做這自動。

我已經複製下面的HTML代碼段。我不知道是否有幫助，但該頁面使用：

• bootstrap.js
• 的jquery.js

• 一些CSS

    <tr> 
         <th class="newpatient-label">Mode: 
         </th> 
         <td> 
          <select name="ctl00$cphBody$fvPatient$modeDropDownList" id="cphBody_fvPatient_modeDropDownList"> 
           <option selected="selected" value="1">Research</option> 
           <option value="3">Non-Research</option> 
           <option value="2">Test</option> 
          </select> 
         </td> 
        </tr> 
        <tr> 
         <th class="newpatient-label">Condition:</th> 
         <td> 
          <select name="ctl00$cphBody$fvPatient$ddlCondition" id="cphBody_fvPatient_ddlCondition"> 
           <option value="1">Active</option> 
           <option selected="selected" value="2">Inactive</option> 
  
          </select> 
         </td> 
        </tr> 
        <tr> 
         <th class="newpatient-label">Alternate ID: 
         </th> 
         <td> 
          <input name="ctl00$cphBody$fvPatient$alternateIdTextBox" type="text" value="097175EM" id="cphBody_fvPatient_alternateIdTextBox" /> 
          <span id="cphBody_fvPatient_rfvPatientCmsId" style="display:none;">*</span> 
         </td> 
        </tr> 
        <tr> 
         <th class="newpatient-label">Alias:</th> 
         <td> 
          <input name="ctl00$cphBody$fvPatient$aliasTextBox" type="text" value="4159714811" id="cphBody_fvPatient_aliasTextBox" /> 
         </td> 
        </tr> 
        <tr> 
         <th class="newpatient-label">Preferred Language: 
         </th> 
         <td colspan="1"> 
          <select name="ctl00$cphBody$fvPatient$languageDropDown" id="cphBody_fvPatient_languageDropDown"> 
           <option value="3">Amharic </option> 
           <option value="4">Arabic </option> 
           <option value="5">Brazilian Portuguese </option> 
           <option value="6">Burmese </option> 
           <option value="7">Chin </option> 
           <option value="8">Chuukese </option> 
           <option value="9">Dari </option> 
           <option selected="selected" value="1">English </option> 
           <option value="10">French </option> 
           <option value="11">German </option> 
           <option value="12">Greek </option> 
           <option value="13">Haitian </option> 
           <option value="14">Hindi </option> 
           <option value="15">Hmong </option> 
           <option value="16">Ilocano </option> 
           <option value="17">Indonesian </option> 
           <option value="18">Italian </option> 
           <option value="20">Japanese </option> 
           <option value="19">Jarai </option> 
           <option value="21">Karen </option> 
           <option value="22">Khmer </option> 
           <option value="23">Korean </option> 
           <option value="24">Kurdish </option> 
           <option value="25">Lao </option> 
           <option value="26">Malayalam </option> 
           <option value="27">Marshallese </option> 
           <option value="28">Nepali </option> 
           <option value="29">Oromo </option> 
           <option value="46">Other </option> 
           <option value="30">Persian </option> 
           <option value="31">Polish </option> 
           <option value="32">Punjabi </option> 
           <option value="33">Romanian </option> 
           <option value="34">Rundi </option> 
           <option value="35">Russian </option> 
           <option value="36">Serbian </option> 
           <option value="2">Spanish </option> 
           <option value="37">Swahili </option> 
           <option value="38">Swedish </option> 
           <option value="39">Tagalog </option> 
           <option value="40">Tamil </option> 
           <option value="41">Thai </option> 
           <option value="42">Tigrinya </option> 
           <option value="43">Traditional Chinese </option> 
           <option value="44">Urdu </option> 
           <option value="45">Vietnamese </option> 
  
          </select> 
  

Answer 1

如果你有HTML，你可以用這樣的jQuery來做到這一點。

變量HTML中包含您所提供

Demo

$(function() { 
    var tmpHTML = $(html); 
    var vals = []; 

    //get all existing SELECT menus 
    tmpHTML.find("select").each(function(index, itm) { 
    var opts = []; 

    //loop through each of the menu's options 
    $(this).find("option").each(function(i, opt) { 
     if (opt.text!== '') { 
     opts.push({ 
      value: opt.value, 
      text: opt.text 
     }); 
     } 
    }); 

    //push the menu along with its options into an array 
    vals.push({ 
     id: itm.id, 
     options: opts 
    }); 
    }); 

    console.log(vals); 
}); 

丘壑HTML中包含菜單列表與他們的選擇