Question

我正在研究php如何显示隐藏字段？

我的数据库中有 bp_scholarship_enq 表，这个数据库我有职业空间我想在我的数据库中添加新职业我是怎么做的？

 <script>
    function showss(ids)
        {

            var  idss=ids;

            if(idss=="other")

            document.getElementById(idss).style.display='block';

        }   


</script>

<?php
echo "<select name='occupation' id='link_block' value='Source' style='width:196%'>
                      <option>select occupation </otpion>";
$sql = "SELECT * FROM bp_scholarship_enq";
$info = mysql_query($sql);

while ($row = mysql_fetch_array($info)) 
    echo "<option > '" . @$row["occupation"] . "'</option>";


echo '<option onClick="showss('.input_field.')">other</option>';
echo "</select>";
echo '<input type="hidden" name="other" id="input_field" />';
?>

Answer 1

隐藏字段不是可见的。您可以使用文本框并在css中将其visiblity设置为false，并在更改select选项时使其可见。

<input type="text" name="other" id="input_field" style="display:none"/>

    <select name='occupation' id='link_block' value='Source' style='width:196%' onChange="showText(this.selectedIndex);">
    ...............
    ...............
<option value="other">other</option>
    </select>

<script>
  function showtext(ind){
         var selectBox = document.getElementById('link_block');
         if(selectBox.options[ind].value=="other"){
                   document.getElementById('input_field').style.display = "block";
         }else{
                    document.getElementById('input_field').style.display = "none";
         }
  }
</script>

Answer 2

而不是

<input type="hidden" name="other" id="input_field" />

成功：

<input id="otherOccupation" class="hide" name="other" id="input_field" />

隐藏是一个设置可见性的类：隐藏;

当用户选择“其他”时，有一些jquery删除该类

$("#otherOccupation").removeClass("hide")

点击选择选项如何使用javascript显示隐藏字段？

2 个答案: