項目がドロップダウンリストから選択されているときにテキストボックスを表示するhtml php？

Question

<div class="control-group"> 
       <label class="control-label"> 
       <span class="red">*</span>Camera name</label> 
       <div class="controls"> 
       <select name="cam_name" class="span3" id = "ddlPassport" onchange = "ShowHideDiv()"> 
        <option>Select camera:</option> 
        <option>canon</option> 
        <option>nicon</option> 
        <option>sony</option> 
        <option>pentex</option> 
        <option>olympus</option> 
        <option>others</option> 
       </select> 
       </div> 
      </div> 
      <div class="control-group" id="dvPassport" style="display: none"> 
       <label class="control-label">Your camera name:</label> 
       <div class="controls"> 
       <input type="text" placeholder="Enter model" name="cam_name" class="input-xlarge"> 
       </div> 
      </div> 

javascriptの

<script type="text/javascript"> 
function ShowHideDiv() { 
    var ddlPassport = document.getElementById("ddlPassport"); 
    var dvPassport = document.getElementById("dvPassport"); 
    dvPassport.style.display = ddlPassport.value == "others" ? "block" : "none"; 
} 

PHPコード

$camname = $_POST['cam_name'];// user name 
if(empty($camname)){ 

     $errMSG = "Please enter camera name"; 

    } 

私は、ドロップダウンリストから "その他" を選択...それは 正常に動作しますが、私はキヤノンを選択するときに問題がありますまたはnicon else ...隠されたdivの入力タグは、if（empty（$ camname））;でチンキングするとerror ... in PHPコードを返します。

Answer 1

選択タグと入力タグの名前が異なります。そして、オプションを追加することをお勧めし

<select name="cam_name" class="span3" id = "ddlPassport" onchange = "ShowHideDiv()"> 
<option value="">Select camera:</option> // null 
<option value="canon">canon</option> 
<option value="nicon">nicon</option> 
<option value="sony">sony</option> 
<option value="pentex">pentex</option> 
<option value="olympus">olympus</option> 
<option value="others">others</option> 
</select> 

// give a new name for this input 
<input type="text" placeholder="Enter model" name="other_cam_name" class="input-xlarge"> 

PHPコード値されています

$camname = $_POST['cam_name'];// cam name 
$other_camname = $_POST['other_cam_name'];// other cam name 
// if both select and input values 
if(empty($camname) || ($camname =='others' && empty($other_camname))){ 
    echo $errMSG = "Please enter camera name"; 
}else{ 
    echo $cam_name = ($camname =='others') ? $other_camname : $camname; 
} 

Answer 2

optionの値を明示的に定義する必要があります。たとえば、

<option value="cannon">canon</option>