Dinamic选择隐藏输入

时间:2017-07-28 09:52:23

标签: javascript

我希望能很好地解释我的问题 我想创建一个允许您动态添加选择和输入的表单 选择检索odbc数组 形式如下:

<form name="add_name" id="add_name">
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field">
<tr>
<td>
<select name="name[]" id="category" class="form-control" width="300px"   onchange="aggiornaHidden(this)">
<option value="">Seleziona Ordine - Articolo</option>
<?php
 echo $popola
?>
</select>
<INPUT type="hidden" name="sel_value">
<INPUT type="hidden" name="sel_text">
</td>
<td>
<input type="text" name="quantita[]" placeholder="Inserisci quantita" class="form-control name_list" />
</td>
<td><button type="button" name="add" id="add" class="btn btn-success">Aggiungi Riga</button></td>
</tr>
</table>
</div>
</form> 

这是PHP代码:

<?php
  $conto='2411000044';
  $dsn = 'iSeries';
    $connessione = odbc_connect("iSeries", "utente, "pwd", 2) or die        ("Impossibile Connettersi " . odbc_errormsg());

   if($conto==""){
     echo "impossibile trovare il codice artigiano....<br>";
   }
 else{
     $interrogazione ="SELECT A.tipo, A.numero, A.codice, A.descrizione, B.barcode FROM file1 A, file2 B WHERE (A.codice=B.codice1) AND a.fornitore='".trim($conto)."' ORDER BY A.codice, A.numero ASC";
  $risultato = odbc_exec($connessione, $interrogazione);
  while (odbc_fetch_row($risultato))
  {
   $popola .= '<option value="'.odbc_result($risultato,"tipo").'-'.odbc_result($risultato,"numero").'-'.trim(odbc_result($risultato,"codice")).'-'.trim(odbc_result($risultato,"barcode")).'">'.odbc_result($risultato,"tipo").' - '.odbc_result($risultato,"numero").' - '.odbc_result($risultato,"codice").' - '.odbc_result($risultato,"descrizione").'</option>';
  }
  }
  ?>

JAVASCRIPT CODE:

<script type="text/javascript" language="javascript" >
  $(document).ready(function(){
  var i=1;
  $('#add').click(function(){
   i++;
  $('#dynamic_field').append('<tr id="row'+i+'"><td><select name="name[]" id="category" class="form-control" width="300px" onchange="aggiornaHidden(this)"><option value="">Seleziona Ordine - Articolo</option><?php echo $popola?></select><INPUT type="hidden" name="sel_value"><INPUT type="hidden" name="sel_text"></td><td><input type="text" name="quantita[]" placeholder="Inserisci quantita" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');
    });
    $(document).on('click', '.btn_remove', function(){
     var button_id = $(this).attr("id");
    $('#row'+button_id+'').remove();
    });

   function aggiornaHidden(sel){
    var f = document.add_name;
   f.sel_value.value = sel.options[sel.selectedIndex].value;
   f.sel_text.value = sel.options[sel.selectedIndex].text;
   }
  </script>

第一个选择成功地将值添加到隐藏输入 点击&#34;添加行&#34;填充第二个选择,但选择不同的值,隐藏输入的值保持空白 哪里错了? 谢谢

0 个答案:

没有答案