我有一個頁面，您可以在其中添加產品、零件、材料和包裝。當在產品上選擇排序 (pm_sort) 時，它應該顯示產品信息，但當選擇部分時，它也應該顯示產品信息。我得到以下代碼：<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>問題是：如何根據select value Part或Product得到相同的頁面信息？
1 回答
ABOUTYOU
TA貢獻1812條經驗 獲得超5個贊
您可以添加一個 if 語句來檢查值 select 是否命名為 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>
- 1 回答
- 0 關注
- 156 瀏覽
添加回答
舉報
0/150
提交
取消