javascript - 如何从特定选择和下拉列表中获取值？

Question

我的网站被用作帮助台。顶部有几个必填字段永远不会改变。然后下面有两个下拉菜单。第一个确定第二个选项中有哪些选项，第二个确定下面可以填写的所有字段。我已经完成了这一切。但是，如果我在底部添加一个按钮，我不知道如何从字段中获取所有文本。底部字段使用一些 switch 语句和 JavaScript 来显示，使 div 可见。

这是一个 div 示例:

 <div id="third_form_three" class="third_hidden" style="display:none;">
       <label id="company_label" class="stdFormLabel">
           Which Company:
        </label>
        <select id="company_select">
           <option value="apple">Apple</option>
           <option value="pear">Pear</option>
           <option value="banana">Banana</option>
         </select><br>
          Sales Org: <input type="text" name="sales_org" required><br>
          Sales Office: <input type="text" name="office" required><br> 
          Sales Group: <input type="text" name="group" required><br> 
          Customer Group: <input type="text" name="customer" required><br> 
          Sales District, if applicable: <input type="text" name="dist"><br> 
          <!-- ABILITY TO ATTACH A DOCUMENT -->
          <telerik:RadUpload ID="upl_cfsAttachment_four_one" ControlObjectsVisibility="None" InitialFileInputsCount="1" InputSize="40" runat="server" MaxFileInputsCount="1" required />
    </div>

我相信我的required可能是错误的，但我目前并不担心这一点。这是我的 JavaScript 的开始

 function cfsButtonClick() {
            var array = [];
            var inputs = [];
            inputs.push(jQuery('.third_hidden:visible').contents().find('input'));
            inputs.each(function () {
                if (jQuery(this).val() != "")
                    array.push(jQuery(this).val());
            });
            alert(array[0]);
            alert(array.length);
        } 

有什么建议吗？我只是很难在不编写具有所有唯一 ID 的怪物 switch 语句的情况下获取所有输入。从长远来看，我的第一个下拉菜单有 5 个选项，第二个下拉菜单平均有 6 个选项。因此，像我的示例一样，有大约 30 个 div，而且它们大多都是唯一的。

Answer 1

这一行:

inputs.push(jQuery('.third_hidden:visible').contents().find('input'));

应该是:

inputs = jQuery('.third_hidden:visible input');

您不需要 .contents()，选择器会返回一个集合，您可以使用 .each() 对其进行迭代。

您还可以简化:

JQuery(this).val()

至:

this.value