Ändern des Werts des Eingabefelds, wenn der Benutzer eine Option aus dem Auswahlfeld auswählt

Das Problem liegt nicht bei Ihrer Ajax-Anfrage, sondern bei den von Ihnen verwendeten Jquery-Selektoren. In jquery $('.value') bedeutet alle DOM-Elemente mit einer Klasse "Wert". Also $(".price") wählt ALLE Elemente mit einer Klasse "Preis" aus, aber ich sehe keines davon. Um etwas anhand seines Namens auszuwählen, müssen Sie $('input[name=price]') verwenden . Dadurch werden alle Eingaben mit dem Namen "Preis" ausgewählt. Um alle Eingaben auszuwählen, deren Name mit Preis beginnt, verwenden Sie $('input[name^=price]') . Die Lösung für Ihr Problem besteht wahrscheinlich darin, das SELECT- und das INPUT-Element in einen Container zu stecken und nur den entsprechenden INPUT auszuwählen.

<div>
    <select name='pro_name[]'>
    <option value='1'>Pro 1</option>
    <option value='2'>Pro 2</option>
    <option value='3'>Pro 3</option>
    </select>

    <input type='text' name='price[]'>
</div>
<div>
    <select name='pro_name[]'>
    <option value='1'>Pro 1</option>
    <option value='2'>Pro 2</option>
    <option value='3'>Pro 3</option>
    </select>

    <input type='text' name='price[]'>
</div>

<script type="text/javascript">
    var $last_select = null;
    $(document).ready(function(){
        $("select[name^=pro_name]").change(function(){
            $last_select = $(this);
            var id=$(this).val();
            var dataString = 'id='+ id;
            $.ajax
            ({
                type: "POST",
                url: "get_price.php",
                data: dataString,
                cache: false,
                success: function(html)
                    {
                        $('input[name^=price]', $last_select.parent()).val(html);
                    } 
            });
        });
    });
</script>

Geige:http://jsfiddle.net/8rsxay8q/1/