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 に答える