php tarafından oluşturulan açılır menüden seçime göre tek tek metinleri doldurun

Question

Veritabanından otomatik olarak oluşturulmuş bir açılan seçim listesi var ve bunların her biri için otomatik olarak oluşturulmuş bir textarea'm var. Bunu ilk drowdown seçildiğinde dışında

<script> 
$("select") 
    .change(function() { 
    var str = ""; 
    $("select option:selected").each(function() { 
    str += $(this).text() + " "; 
    }); 
    $("textarea").text(str); 
    }) 
    .change(); 
</script> 

Her şey iş gibi görünüyor: Burada

html/php kod:

<div class="row options-content"> 
<?php if ($options) { ?> 
<?php foreach ($options as $option) { ?> 
<?php if ($option['type'] == 'select') { ?> 
<div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> 
    <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> 
    <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control"> 
    <option value=""><?php echo $text_select; ?></option> 
    <?php foreach ($option['product_option_value'] as $option_value) { ?> 
    <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?> 
    <?php if ($option_value['price']) { ?> 
    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) 
    <?php } ?> 
    </option> 
    <?php } ?> 
    </select> 
</div> 
<textarea name="option-<?php echo $option['name']; ?>" rows="1" cols="50" class=""></textarea> 
<?php } ?> 
<?php } ?> 
<?php } ?> 

ve burada javascript metinleri diğer tüm metinleri değiştirir ... sadece belirlenen tekstüre üzerinde nasıl değişiklik yapabilirim?

Denedim, ancak ardından artık hiçbir şey çalışır:

<script> 
$("select") 
    .change(function() { 
    var str = ""; 
    $("select option:selected").each(function() { 
    str += $(this).text() + " "; 
    }); 
    $("#option-<?php echo $option['name']; ?>").text(str); 
    }) 
    .change(); 
</script> 

Answer 1

değişiklikler şu anda değişti seçme kutusunu tanımlamak için $(this) kullanılmış

► yaptı.

$("select") 
    .change(function() { 
    var str = ""; 
    $(this).find("option:selected").each(function() { 
     str += $(this).text() + " "; 
    }); 
    $(this).parent().next().text(str); 
    }) 
    .change();