如果选择标记更改其值，如何删除并创建具有父元素的输入字段

Question

我有一个带有四个文件的表，如图

所示

Semester | Exam Status | GPA | Fee Status

我的问题是：当我更改Exam_Status中的值时，Select tag->未被清除，那么G.P.A字段可以在此处删除，当我选择Cleared时它可以显示G.P.A字段。

生成以下piture输出的HTML代码如下：

<table cellspacing="0" cellpadding="0" border="0"> 
    <thead> 
       <tr>
           <th>Semester</th>
           <th>Cleared/Not Cleaerd</th>
           <th>G.P.A</th>
           <th>Fee Status</th>
       </tr>
    </thead>
    <tbody>  
       <script type="text/javascript"></script>
       <tr>
           <td>1<sup>st</sup> Semester</td>
           <td>
               <select name="fexam_status" id="waqas">
                   <option selected="selected">Select Here</option>
                   <option value="Cleared">Cleared</option>
                   <option value="Not Cleared">Not Cleared</option>
               </select>
           </td>
           <td>
               <div class="gpa" id="work">
                  <div class="right">
                     <input class="spin-dec" type="text" name="fgpa" value="3.00" min="1.00" max="4.00" />
                  </div>
               </div>
           </td>
           <td>
        <select name="ffee_status">
                                <option value="Cleared">Cleared</option>
                                <option value="Not Cleared">Not Cleared</option>
                                </select>
                                <a class="deleteRow" style="margin-left: 10px;"><img src="gfx/deletered.png" /></a>
                                </td>


                            </tr>

                            <tr>

                                <td>2<sup>nd</sup> Semester</td>

                                <td>
                                <select name="sexam_status">
                                <option selected="selected" value="Cleared">Cleared</option>
                                <option value="Not Cleared">Not Cleared</option>
                                </select>
                                </td>

                                <td>
                                <div class="gpa">
                                <div class="right">
                                <input class="spin-dec" type="text" name="sgpa" value="3.00" min="1.00" max="4.00" />
                                </div>
                                </div>
                                </td>

                                <td>
                                <select name="sfee_status">
                                <option selected="selected" value="Cleared">Cleared</option>
                                <option value="Not Cleared">Not Cleared</option>
                                </select>
                                <a class="deleteRow" style="margin-left: 10px;"><img src="gfx/deletered.png" /></a>
                                </td>

                            </tr>

                            <tr>

                                <td>3<sup>rd</sup> Semester</td>

                                <td>
                                <select name="texam_status">
                                <option selected="selected" value="Cleared">Cleared</option>
                                <option value="Not Cleared">Not Cleared</option>
                                </select>
                                </td>

                                <td>
                                <div class="gpa">
                                <div class="right">
                                <input class="spin-dec" type="text" name="tgpa" value="3.00" min="1.00" max="4.00" />
                                </div>
                                </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>

同样当我选择 Fee_Status - ＆gt;未清除它可以在FEE STATUS中显示SELECT TAG的输入标签

Answer 1

这是一个快速解决方案：

http://jsfiddle.net/y45ZF/2/

它目前仅适用于已清算/未清算的下降，而不适用于费用下降，但您明白了。对HTML代码的唯一更改是我将“examStatus”类添加到select元素中，以便能够以统一的方式处理它们。