値= nullのときにHTMLフォームの一部を非表示にする

Question

学校に投票システムを少し作りました。質問に4つの回答がないときに問題があります。 htmlフォームに値のあるボタンだけを表示したい。 Screenshot of the voting system

ボタン3と4は定義されていません。ボタン1と2だけが表示されクリック可能である必要があります。

私のコードです：

<form role="form" class="form-inlinecy" action="VotingVoting.php" method="post"> 

      <div class="form-group"> 
       <input type="submit" name="a" id="a" value="<?php echo $voting->a ?>"/> 
      </div> 

      <div class="form-group"> 
       <input type="submit" name="b" id="b" value="<?php echo $voting->b ?>"/> 
      </div> 

      <div class="form-group"> 
       <input type="submit" name="c" id="c" value="<?php echo $voting->c ?>"/> 
      </div> 

      <div class="form-group"> 
       <input type="submit" name="d" id="d" value="<?php echo $voting->d ?>"/> 
      </div> 

     </form> 

は何をする複雑なもののような音はありませんが、私はここで答えを見つけることができません。本当にありがとう！

挨拶 ティモ

Answer 1

使用PHPスクリプト

<?php if(isset($voting->a) && !empty($voting->a)) 
    { ?> 
     <div class="form-group"> 
      <input type="submit" name="a" id="a" value="<?php echo $voting->a ?>"/> 
     </div> 
    <?php } ?> 

をチェックするあなたはそれを行うための倍数の方法があり、すべての4つの入力フィールド

Answer 2

に同じに従って、1は、条件を追加することができ次のように入力します。

<?php if($voting->b != ""){ ?> 
<div class="form-group"> 
       <input type="submit" name="b" id="b" value="<?php echo $voting->b ?>"/> 
      </div> 
<?php } ?> 

またはCSSの道：

input[value=""] { display: none; } 

See it here

Answer 3

それらが設定されていない場合は、最後の二つのボタンを非表示にするには、次のようにあなたは、PHPの条件を使用することができます。条件として

<?php if(isset($voting->a) && !empty($voting->a)){ ?> 
    <div class="form-group"> 
     <input type="submit" name="a" id="a" value="<?php echo $voting->a ?>"/> 
    </div> 
<?php } ?> 

Answer 4

は、あなたが使用してそれを行うことができますこれは動作するはずです：

<form role="form" class="form-inlinecy" action="VotingVoting.php" method="post"> 

     <div class="form-group"> 
      <?php 
      if($voting->a <> '') { echo '<input type="submit" name="a" id="a" value="'.$voting->a.'"/>';} 
      ?> 
     </div> 

     <div class="form-group"> 
      <?php 
      if($voting->b <> '') { echo '<input type="submit" name="b" id="b" value="'.$voting->b.'"/>';} 
      ?> 
     </div> 

     <div class="form-group"> 
      <?php 
      if($voting->c <> '') { echo '<input type="submit" name="c" id="c" value="'.$voting->c.'"/>';} 
      ?> 
     </div> 

     <div class="form-group"> 
      <?php 
      if($voting->d <> '') { echo '<input type="submit" name="d" id="d" value="'.$voting->d.'"/>';} 
      ?> 
     </div> 

    </form> 

Answer 5

に従うならば

<form role="form" class="form-inlinecy" action="VotingVoting.php" method="post"> 

    <div class="form-group"> 
     <input type="submit" name="a" id="a" value="<?php echo $voting->a ?>"/> 
    </div> 

    <div class="form-group"> 
     <input type="submit" name="b" id="b" value="<?php echo $voting->b ?>"/> 
    </div> 

    <?php if (isset($voting->c)) { ?> 
    <div class="form-group"> 
     <input type="submit" name="c" id="c" value="<?php echo $voting->c ?>"/> 
    </div> 
    <?php } ?> 

    <?php if (isset($voting->d)) { ?> 
    <div class="form-group"> 
     <input type="submit" name="d" id="d" value="<?php echo $voting->d ?>"/> 
    </div> 
    <?php } ?> 

</form> 

Answer 6

を試すこの

<form role="form" class="form-inlinecy" action="VotingVoting.php" method="post"> 
 

 
     <div class="form-group"> 
 
      <?php 
 
      if($voting->a != '') { echo '<input type="submit" name="a" id="a" value="'.$voting->a.'"/>';} 
 
      ?> 
 
     </div> 
 

 
     <div class="form-group"> 
 
      <?php 
 
      if($voting->b != '') { echo '<input type="submit" name="b" id="b" value="'.$voting->b.'"/>';} 
 
      ?> 
 
     </div> 
 

 
     <div class="form-group"> 
 
      <?php 
 
      if($voting->c != '') { echo '<input type="submit" name="c" id="c" value="'.$voting->c.'"/>';} 
 
      ?> 
 
     </div> 
 

 
     <div class="form-group"> 
 
      <?php 
 
      if($voting->d != '') { echo '<input type="submit" name="d" id="d" value="'.$voting->d.'"/>';} 
 
      ?> 
 
     </div> 
 

 
    </form>

一般的には

Answer 7

あなたのクラス構造は、非常に良いではありませんが、多分角度[ディレクティブngif]（https://docs.angularjs.org/api/ng/directive/ngIf）を使用して、例えば

<form role="form" class="form-inlinecy" action="VotingVoting.php" method="post"> 
<?php 
foreach (['a','b','c','d'] as $id) { 
    if (empty($voting->$id)) continue;?> 
    <div class="form-group"> 
     <input type="submit" name="<?php echo $id;?>" id="<?php echo $id;?>" value="<?php echo $voting->$id; ?>"/> 
    </div> 
<?php } ?> 
</form>