具有两个Id的PHP div

我有一个页面，你可以添加产品，零件，材料和包装。在产品上选择排序（pm_排序）时，应显示产品信息，但在选择零件时，也应显示产品信息。我得到了以下代码：

<select required  class='selectpicker form-control border' name='pm_sort' id='pm_sort' value="<?php echo isset($_POST['pm_sort']) ? htmlspecialchars($_POST['pm_sort'], ENT_QUOTES) : "";  ?>">
               <option selected="true" disabled="disabled" value="">Select sort...</option>
                   <option>Product</option>
                   <option>Material</option>
                   <option>Part</option>
                   <option>Packaging</option>        
           </select>

<div class='Product' id='Product' || id='Part'>
   <h3>Product information</h3>
<input type='text' name='pm_code' class='form-control' value="<?php echo isset($_POST['pm_code']) ? htmlspecialchars($_POST['pm_code'], ENT_QUOTES) : "";  ?>" />
</div>

<div class='material' id='material'>
   <h3>Material information</h3>
<input type='text' name='pm_code_m' class='form-control' value="<?php echo isset($_POST['pm_code_m']) ? htmlspecialchars($_POST['pm_code_m'], ENT_QUOTES) : "";  ?>" />
</div>

<div class='Packaging' id='Packaging'>
   <h3>Material information</h3>
<input type='text' name='pm_code_p' class='form-control' value="<?php echo isset($_POST['pm_code_p']) ? htmlspecialchars($_POST['pm_code_p'], ENT_QUOTES) : "";  ?>" />
</div>


<script type='text/javascript'>
$('div').hide()

$('#pm_sort').change(function () {
     var value = this.value;
   $('div').hide()
   $('#' + this.value).show();
});
</script>

---

您可以添加一条if语句来检查select值是否为named part，然后仍然显示产品信息：

<select required  class='selectpicker form-control border' name='pm_sort' id='pm_sort' value="<?php echo isset($_POST['pm_sort']) ? htmlspecialchars($_POST['pm_sort'], ENT_QUOTES) : "";  ?>">
               <option selected="true" disabled="disabled" value="">Select sort...</option>
                   <option>Product</option>
                   <option>Material</option>
                   <option>Part</option>
                   <option>Packaging</option>        
           </select>

<div class='Product' id='Product' || id='Part'>
   <h3>Product information</h3>
<input type='text' name='pm_code' class='form-control' value="<?php echo isset($_POST['pm_code']) ? htmlspecialchars($_POST['pm_code'], ENT_QUOTES) : "";  ?>" />
</div>

<div class='material' id='material'>
   <h3>Material information</h3>
<input type='text' name='pm_code_m' class='form-control' value="<?php echo isset($_POST['pm_code_m']) ? htmlspecialchars($_POST['pm_code_m'], ENT_QUOTES) : "";  ?>" />
</div>

<div class='Packaging' id='Packaging'>
   <h3>Material information</h3>
<input type='text' name='pm_code_p' class='form-control' value="<?php echo isset($_POST['pm_code_p']) ? htmlspecialchars($_POST['pm_code_p'], ENT_QUOTES) : "";  ?>" />
</div>


<script type='text/javascript'>
$('div').hide()

$('#pm_sort').change(function () {
     var value = this.value;
   $('div').hide()
   if(value == "Part"){
       $('#Product').show();
   }else{
       $('#' + value).show();
   }
});
</script>

您没有提出任何问题或描述任何类型的问题。请具体说明你需要什么帮助。注意
id='Product'|id='Part'
在HTML中是无效的语法。我想这与问题有关，但不清楚您想问我们什么。您可以有多个类，不能有多个
id
s。也许
是您想要的。问题是如何获得“当在产品上选择排序（pm\U排序）时，它应该显示产品信息，但当选择零件时，它也应该显示产品信息。”提供了一个编辑按钮