Question

我在.NET网站上工作，这个网站有很多webforms。用户通过浏览器键入其数据，并将提交的数据推送到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包含您提供的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);
});

vals包含菜单列表及其选项

如何在html（aspx）页面中列出所有value =选项

1 个答案: