2

重複の可能性:
jQuery を使用してコンボボックスを動的に追加する方法

ほら、動的コンボボックス用のこの作業コードがあります。

<html>
<div id="combos" class="styled-select">
<select id="combo1" class="combo" data-index="1">
<option></option>
<option>sss</option>
<option>aaa</option>
<option>ddd</option>
</select>
</div>

<script>
$('#combos').on('change', '.combo', function () {
        var selectedValue = $(this).val();

        if ($(this).find('option').size() > 2) {
            var newComboBox = $(this).clone();
            var thisComboBoxIndex = parseInt($(this).attr('data-index'), 2);
            var newComboBoxIndex = thisComboBoxIndex + 1;
            $('.parentCombo' + thisComboBoxIndex).remove();
            if (selectedValue !== '') 
            {
            newComboBox.attr('data-index', newComboBoxIndex);
            newComboBox.attr('id', 'combo' + newComboBoxIndex);
            newComboBox.addClass('parentCombo' + thisComboBoxIndex);
            newComboBox.find('option[value="' + selectedValue + '"]').remove();
            $('#combos').append(newComboBox);
            }
        }
        });
</script>
</html>

これが行うことは、以前にコンボボックスを埋めるたびに新しいコンボボックスを作成することです。

私が探しているのは、前にコンボボックスを埋めるたびにコードが2つのコンボボックスを作成するのではなく、1つだけ作成することです。

どうすればそれができますか？

乾杯

4

1 に答える 1

0

これが必要かどうかはわかりませんが、これにより 2 つのコンボ ボックスが追加されます ($('#combos').append(newComboBox); の後):

var otherComboBox = $('#combo' + newComboBoxIndex).clone();
otherComboBox.attr('id', 'othercombo' + newComboBoxIndex);
$('body').append(otherComboBox);
于 2012-12-26T17:55:24.020 に答える