Question

问题：

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

详细说明：

根据所选产品，我有n个下拉列表。每个下拉列表都与partnumber中的字符相关，因此无论选择哪个，都会将一串字符构建到变量中以创建一个部件号，即“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>

Answer 1

您可以为下拉组提供特定的班级名称。
使用classname作为选择器。迭代它们并获得它的价值。将值连接到变量。

在我看来，你的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);
});

使用jquery从动态下拉列表中连接选定的值

1 个答案: