當value = null時隱藏HTML表單的部分

我爲學校做了一個小小的投票系統，當問題沒有4個答案時我有問題。我想讓html表單只顯示帶有值的按鈕。 Screenshot of the voting system 當value = null時隱藏HTML表單的部分

未定義按鈕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>

不聽起來像一個複雜的事情，但我不能在這裏找到答案。非常感謝！

問候蒂莫

來源

2016-04-20 Timo Springer

也許採用了棱角分明[ngif指令（https://docs.angularjs.org/api/ng/directive/ngIf）？ – Hatef

使用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 } ?>

遵循四個輸入字段

來源

2016-04-20 08:38:29 Kunal

謝謝，這是工作！ –

歡迎... @TimoSpringer – Kunal

你有倍數的方式來做到這一點是相同的，一個可能是添加一個條件圍繞輸入，如下所示：

<?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

來源

2016-04-20 08:38:54

您可以使用PHP條件如下隱藏最後兩個按鈕，如果他們不設置。

<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>

來源

2016-04-20 08:40:18 kinggs

您可以通過這樣做，如果條件如下

<?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 } ?>

來源

2016-04-20 08:40:34

這應該工作：

<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>

來源

2016-04-20 08:42:47

試試這個

<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>

來源

2016-04-20 08:48:52 JYoThI

一般類的結構不是很好，但你如

<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>

來源

2016-04-20 08:57:03 di3

當value = null時隱藏HTML表單的部分

回答

相關問題