Question

因此，我有以下div，并且我想在项目类型等于“移动电话”或平板电脑的情况下显示它，并在同一页面上使用组合框选择该字段（也是输入，但并非将其写为组合框），但我只是想不出如何根据组合框上选定的内容在if条件下包装此div，有人可以帮我吗？像这样：如果item =“ MobilePhone”或item =“ Tablet” -------->显示div

但是我的div中已经有Php代码了。这就是为什么我做不到

<div class="control-group <?php echo !empty($imeiError)?'error':'';?>">
                    <label class="control-label"><strong>IMEI</strong></label>
                    <div class="controls">
                        <input name="imei" type="text"  placeholder="IMEI" value="<?php echo !empty($imei)?$imei:'';?>">
                        <?php if (!empty($imeiError)): ?>
                            <span class="help-inline"><?php echo $imeiError;?></span>
                        <?php endif;?>
                    </div>
                 </div>

这就是我选择所需输入的方式

<div class="control-group <?php echo !empty($itemError)?'error':'';?>">
<label class="control-label"><strong>Item</strong></label>
<div class="controls">
    <select name="item">
        <option value="MobilePhone" <?php echo !empty($item) && $item == 'MobilePhone' ? 'selected' : ''; ?>>MobilePhone</option>
        <option value="Tablet" <?php echo !empty($item) && $item == 'Tablet' ? 'selected' : ''; ?>>Tablet</option>
        <option value="Computer" <?php echo !empty($item) && $item == 'Computer' ? 'selected' : ''; ?>>Computer</option>
        <option value="HeadPhones" <?php echo !empty($item) && $item == 'HeadPhones' ? 'selected' : ''; ?>>HeadPhones</option>
    </select>
</div>

Answer 1

如果您的div中的CSS中有display:none。

使用select的onchange="myFunc()"

然后在您的myFunc()中查找选定的值，然后执行所需的任何操作。 document.getElementById('yourDivId').style='display:block'设置div的可见性。

<select onchange="myFunction()" id="select"><!--selections with different values --></select>
<script> function myFunction() {
    var selected=document.getElementById("select").value;
  if(selected=="Mobile")
       document.getElementById("yourDivId").style="display:block";    }
</script>

Answer 2

您似乎已经在第二个代码中检查$item，因此，假设已设置$item，则只有在选择了“ MobilePhone”或“ Tablet”的情况下，才可以使用此代码显示div ：

<?php if ($item == "MobilePhone" || $item == "Tablet") : ?>

<div class="control-group <?php echo !empty($imeiError)?'error':'';?>">
    <label class="control-label"><strong>IMEI</strong></label>
    <div class="controls">
        <input name="imei" type="text"  placeholder="IMEI" value="<?php echo !empty($imei)?$imei:'';?>">
        <?php if (!empty($imeiError)): ?>
            <span class="help-inline"><?php echo $imeiError;?></span>
        <?php endif;?>
    </div>
</div>

<?php endif ?>

Answer 3

您可以使用变量$html在html条件下组织if，例如下面的代码。

 <?php 
    $item = "MobilePhone";
$html = "";
if ($item == "MobilePhone" || $item == "Tablet") {
$html .= '<div class="control-group';
        echo !empty($imeiError)?'error':'';
$html .= '<label class="control-label"><strong>IMEI</strong></label><div class="controls">
        <input name="imei" type="text"  placeholder="IMEI" value="'.!empty($imei)?$imei:''; '">';
      if (!empty($imeiError)): 
$html .= '<span class="help-inline">';
        echo $imeiError;
$html .= '</span>';
        endif;
$html .='</div></div>';
}
?>

在if条件中包装div

3 个答案: