0

问题：

如何从每个下拉列表中获取值并将它们连接起来以从这些值创建字符串？这些下拉列表是动态生成的，因此我无法通过 ID 等选择它们。

细节：

根据所选产品，我有一个关于 n 个下拉列表的列表。每个下拉列表都与零件编号中的一个字符相关，因此无论选择哪个都会将字符串构建到变量中以创建零件编号，即“B119”编辑（包括代码）：

    <dt>
    <dd>
        <select class="ddlmain" name="product_attribute_180_3_17" id="product_attribute_180_3_17">
            <option value="0">---</option>
            <option value="B">Blue</option>
            <option value="G">Green</option>
            <option value="R">Red</option>
        </select>
    </dd>
</dt>
<dt>
    <dd>
        <select class="ddlmain" name="product_attribute_180_1_18" id="product_attribute_180_1_18">
            <option value="0">---</option>
            <option value="119">Left</option>
            <option value="120">Right</option>
            <option value="121">Center</option>
        </select>
    </dd>
</dt>
4

1 回答 1

0
  1. 您可以为下拉列表组指定一个特定的类名。
  2. 使用类名作为选择器。迭代它们并获得它的价值。将值连接到变量。

在我看来，你的 html 会是这样的：

<select class="dropdownCode code_1" id="code_1">
    <option value="">select</option>
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">tiga</option>
</select>    

<select class="dropdownCode code_2" id="code_2">
    <option value="">select</option>
    <option value="alpha">alpha</option>
    <option value="omega">omega</option>    
</select>    

<select class="dropdownCode code_3" id="code_3">
    <option value="">select</option>
    <option value="X">X</option>
    <option value="Y">Y</option>
    <option value="Z">Z</option>
</select>    

<button class="create">Create</button>

jquery是这样的：

var returnVal = '';
$('.create').click(function() {
   $('.dropdownCode').each(function() {
       returnVal += $(this).val();
   });                    
   alert(returnVal);
});
于 2012-11-14T00:17:58.520 回答