Javascript 如何用php根据主窗体中的下拉值隐藏/显示明细窗体上的编辑控件

我有“订单”主表和下拉字段“订单类型标准和目标”选项，“测试”作为详细表，有两个编辑控制字段，如“测试代码”和“目标基因”。详细信息表单位于master order_add.php表单的子表单中

我要寻找的是，当用户从母版页上的下拉列表中选择“标准”选项时，详细页上的“目标基因”编辑控件将隐藏，但“测试代码”控件将显示。同样，当在母版页上选择“目标”选项时，“测试代码”编辑控制字段将隐藏，但应显示“目标基因”控制。我的整个项目是由PHP MySQL开发的

我在master Order_add.php页面上使用以下代码作为“Javascript onLoad events”，以顺利完成此目标

function OnPageLoad(pageObj,pageid,proxy,inlineRow){

var ctrOrdType = Runner.getControl(pageid,'ordtype');// on master page
var ctrTestCode = Runner.getControl(pageid, 'testcode');// on detail page
var ctrTarGene = Runner.getControl(pageid, 'targetgene');//on detail page

$("tr[data-fieldname='testcode']").show();
$("tr[data-fieldname='targetgene']").hide();
ctrOrdType.on('change',function(e){

if(this.getValue()=='2'){ //2 for Target option
$("tr[data-fieldname='testcode']").hide();
$("tr[data-fieldname='targetgene']").show();
}else{
$("tr[data-fieldname='testcode']").show();
$("tr[data-fieldname='targetgene']").hide();
}
});
}

这是这个表单的HTML模板

---

我不能在这个项目中使用除“Javascript onLoad events”之外的任何其他选项。我非常需要你的帮助来完成这件事。谢谢你的帮助。我不是php程序员，而是学习者。请帮帮我。谢谢。

你能提供HTML以便我们验证javascript吗？这个项目正在由phprunner程序开发，他们有HTML模板。我不知道该给你什么样的模板。每个模板文件都太大，可能不适合放在这么小的空间里。@ThomasWllis，我已经用html代码更新了我的问题。请看看这个是否正确。

<tr class="" data-fieldname="ordtype">
    <td class="rnr-label">
        Ordtype
    </td>
    <td class="rnr-control style3">
        <span id="edit1_ordtype_0" class="rnr-nowrap"><select size="1" id="value_ordtype_1"  name="value_ordtype_1"  style="width: 207px"><option value="">Please select</option><option value="1">std</option><option value="2">tarv</option></select></span>&nbsp;
    </td>
</tr>
<div class="rnr-dcaption">
        Test
    </div>
    <div id="detailPreview3" class="FancyAqua page-list2 rnr-pagewrapper dpStyle"><div id="search_suggest" class="search_suggest"></div>

    <div class="rnr-page">
        <div class="rnr-top rnr-hiddenblock">

        </div>
        <div class="rnr-middle">
            <div class="rnr-left rnr-hiddenblock">      

            </div>
            <div class="rnr-center ">           

<div  class="rnr-cw-recordcontrols rnr-s-1 asbuttons FancyAqua">
<div class="rnr-c rnr-ch rnr-c-recordcontrols">

<div  class="style1 rnr-bl rnr-b-recordcontrols_new ">      

        <a href="#" class="rnr-button" name="inlineAdd_3" href='test_add.php' id="inlineAdd3">Inline Add</a>

</div>

<div  class="style1 rnr-bl rnr-b-recordcontrol rnr-hiddenbrick">    
    <a href="#" class="rnr-button" name="revertall_edited3" id="revertall_edited3"  style="display:none;" >Cancel</a>

</div>

<div class="rnr-hfiller"></div>
</div>
</div>
<div  class="rnr-cw-grid rnr-s-grid asbuttons FancyAqua rnr-hiddencontainer">
<table class="rnr-c rnr-cont rnr-c-grid rnr-b-grid rnr-gridtable  hoverable " cellpadding="0" >
<thead>

<tr class="rnr-toprow style1  rnr-hiddenelem" >                                                 
<th iEditCont="all">&nbsp;</th>
<th class="rnr-gridfieldlabel  rnr-field-number">
                                                                            <a >Testcode</a>
</th>
<th class="rnr-gridfieldlabel rnr-field-text">
                                                                <a >Test</a>
</th>
<th class="rnr-gridfieldlabel rnr-field-text">
                                                                            <a >Targetcode</a>
</th>
<th class="rnr-gridfieldlabel rnr-field-text">
                                                                            <a >Targetgene</a>
</th>
<th class="rnr-gridfieldlabel rnr-field-text">
                                                                            <a >Notes</a>
</th>
<th class="rnr-edge">&nbsp;</th>
</tr>
</thead><tbody> 
<tr class="rnr-row style1 gridRowAdd rnr-hiddenelem"  >
<td class="rnr-cc rnr-bc rnr-icons" iEditCont="all"  >
                                                                <a class="rnr-button-img" id="inlineEdit_add3"  data-icon="inlineedit" title="Inline Edit"></a>
                                                                </td>   
<td class=" rnr-field-number"  > <span id="add3_testcode" ></span>
</td>
<td class="rnr-field-text"  ><span id="add3_test" ></span>
</td>
<td class="rnr-field-text"  ><span id="add3_targetcode" ></span>
</td>

<td class="rnr-field-text"  ><span id="add3_targetgene" ></span>
</td>
<td class="rnr-field-text"  ><span id="add3_notes" ></span>
</td>
<td class="rnr-edge">&nbsp;</td>
</tr>
</tbody>
</table>