分享人：姜葳

1. 前台调用后台函数

Page.RegisterStartupScript("a", "<script>Get();</script>");

image.png

注意：Page.RegisterStartupScript方法已经弃用，建议使用Page.ClientScript.RegisterStartupScript 方法
Page.ClientScript.RegisterStartupScript有个重载方法包含4个参数，第四个true，就会自动加上脚本标签，第三个参数就可以不用写<script></script>了

image.png

2. 前台控件显示控制

<%if (action == "Add") {%>
            <tr id="add">
                <td style="text-align: right;" id="str">推力</td>
                <td class="tableAddContent" id="lbs">
                    <input type="text"  name="trust" value="" />lbs/ 名称
                </td>
                <td class='tableAddContent'><input type='text' name='trustname' value='' /></td>
                <td>
                    <input type="button" value="增加推力" onclick="TrustAdd()"/>
                    <input type="button"  id="r" value="减少推力" onclick="TrustReduce()"/>
                </td>
            </tr><%} %>

<%for (int i= 0;i< AddTrust.Length;i++)
                        { %>
            <tr class="modifyadd" id="modify">
               
                <td style="text-align: right;">推力</td>
                <td class="tableAddContent">
                    <input type="text" id="tr" name="trust" value="<%=AddTrust[i].ET_Trust %>" />lbs/  名称
                </td>
                <td class="tableAddContent">
                    <input type="text" id="ET_Name" name="trustname" value="<%=AddTrust[i].ET_Name %>" />
                </td>

3. 下拉框选中某值后，文本框自动出现该值

image.png

image.png

<tr>
                <td class="tableAddName">发动机系列</td>
                <td class="tableAddContent">
                    <uc1:SelectControl runat="server" ID="EES_Series"  Class="dfinput" Width="150"/>
                </td>
                <td class="tableAddName">发动机型号</td>
                <td class="tableAddContent">
                    <uc1:TextBox runat="server" ID="ETModelId" Class="dfinput"  Width="150"/>
                    <script>
                        $("#<%=EES_Series.ClientID%>_SelectFirstId").change(
                        function () {
                            $("#<%=ETModelId.ClientID%>").val($("option[value=" + $("#<%=EES_Series.ClientID%>_SelectFirstId").val() + "]").html());
                        })
                    </script>
                </td>
            </tr>

4. 附：Html下拉框Js对象属性方法总结

var obj = document.getElementById("selectId");

1. select属性:
   length ----------> 顾名思义字指的是下拉框长度
   selectedIndex ----> 被选中的文本的索引值

2. option属性
   text ---------> 返回文本内容
   value ---------> 同上效果 获取<option value=""> value的值
   selected ---------> 是否被选中 是:true 否:false ; 如果指定true 可以改为选中状态
   defaultselected ---> 返回该对象默认是否被选中，true/false

3. option方法
   增加add() ---------> obj.options.add(new Option("value","text")); 注意new的是Option对象大写O
   删除remove() ----> obj.options.remove(obj.selectedIndex);
   删除所有----> obj.options.length = 0 ; 不是什么removeAll 长度改0就好了
   获取选中value---------> obj.options[obj.selectedIndex].value;
   获取选中text ---------> obj.options[obj.selectedIndex].text;
   修改---------> obj.options[obj.selectedIndex] = new Option("新文本", "值") ;