用第二个jquery和php填充文本字段

Question

我需要下面的代码的帮助。我正在尝试使用行集中的数据填充文本字段，但我想在结果中使用另一个字段。所以下拉给我的公司名称，我想填充街头文本字段，以及国家等提前

<form> 
<select name="name" id="name" onchange=""> 
<?php 
do { 
?> 
    <option value="<?php echo $row_Recordset1['CustomerCompanyName']?>"<?php if (!(strcmp($row_Recordset1['CustomerCompanyName'],  ucwords($row_Recordset1['CustomerCompanyName'])))) {echo  "selected=\"selected\"";} ?>> 
    <?php echo $row_Recordset1['CustomerCompanyName']." | ".$row_Recordset1['Street'] ?></option> 
    <?php 
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); 
    $rows = mysql_num_rows($Recordset1); 
    if($rows > 0) { 
     mysql_data_seek($Recordset1, 0); 
     $row_Recordset1 = mysql_fetch_assoc($Recordset1); 

    } 

?> 

</select> 

<input name="firstname" id="firstname" type="text" /> 

<script type="application/javascript"> 

$(document).ready(function(){ 
    $('#name').on('change', function() { 
     var selection = $(this).val(); 
    $('#firstname').val(selection); 
    }); 
}); 

</script> 

Answer 1

由于考虑到您存储在公司数据选项的文本，像这样：

<option value="companyName">companyName|street|country</option> 

那么你应该选择的选项的文字，把它分解，并使用零散的数据来填充所需的字段。

<form> 
    <select name="name" id="name" onchange=""> 
      <option value="google">google|18st.|usa</option> 
      <option value="facebook">facebook|25st.|usa</option> 
      <option value="microsoft">microsoft|05st.|usa</option> 
    </select> 

    <input name="firstname" id="firstname" type="text" /> 
    <input name="street" id="street" type="text" /> 
    <input name="country" id="country" type="text" /> 
</form> 
<script type="application/javascript"> 
    $(document).ready(function(){ 
     $('#name').on('change', function() { 
      var companyData = $(this).find("option:selected").text().split("|"); 

      var companyName = companyData[0]; 
      var street = companyData[1]; 
      var country = companyData[2]; 

      $('#firstname').val(companyName); 
      $('#street').val(street); 
      $('#country').val(country); 
     }); 
    }); 
</script>