【问题标题】:Display value in a dedicated field selected from a list在从列表中选择的专用字段中显示值
【发布时间】:2017-08-17 09:46:44
【问题描述】:

在 php 表单中,我有可从选择字段滚动的品牌列表,我会修改所选品牌,将其显示在旁边的字段中。

php形式是这样的:

<?php
include '../sys/conn.php';
$brands = mysqli_query ($conn, "
*(query to select brands name and id)*
") or die ("Query not valid: " . mysqli_error($conn));
mysqli_close($conn);
?>
...
 <form role="form" >
<label>Brands List</label>
<select class="form-control" name='brands list'>
   <?php while ($listabrand=mysqli_fetch_array($brands)){
      echo '<option>'.$listabrand['0'].' - '.$listabrand['1'].'</option>';
   }?>
</select>                                      
...                               
<label>Modify Brand</label>
<input type="text" name='brand-name' class="form-control" required placeholder="Brand Name to modify">
</form></html>

基本上我需要从命名的“品牌列表”字段中选择品牌名称并将其显示到“品牌名称”中以便修改和保存。

有什么帮助吗?

【问题讨论】:

标签: php sql select input


【解决方案1】:

首先,name属性不能包含空格。
&lt;select class="form-control" name='brands list'&gt; 中更正此问题

对于在文本字段的值中显示所选品牌,请使用 javascript 或 jquery。

在 JQuery 中显示示例:

$('select[name="brands-list"]').change(function(){  
   var selectedBrand = $(this).val();
   $('input[name="brand-name"]').val(selectedBrand);
});

【讨论】:

    【解决方案2】:

    这是正确的代码。

    <select class="form-control" name='brands-list'>
        <?php 
            while ($listabrand=mysqli_fetch_array($brands)){
            echo '<option value="'.$listabrand['1'].'">'.$listabrand['0'].' - '.$listabrand['1'].'</option>';
        }?>
    </select>
    
    <div class="col-lg-8">
        <form role="form">
            <div class="form-group">
                <label>Marca</label>
                <input type="text" name='brand-name' class="form-control">
            </div>
        </form>
    </div>
    
    <script>
        $('select[name="brands-list"]').change(function(){  
            var selectedBrand = $(this).val();
            $('input[name="brand-name"]').val(selectedBrand);
        });
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-03
      • 1970-01-01
      • 2016-04-09
      • 1970-01-01
      相关资源
      最近更新 更多