bulidfer 2018-07-18 03:52 采纳率: 0%
浏览 1882
已采纳

js 用str+=拼接select标签 选中状态 替换jsp静态页面下拉菜单 无法展示选中状态

js部分代码

    /* 下半截部分组合表动态展示修改和添加 */
                    var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表
                    var str = "";
                    var str1 = "";
                    for (var i = 0; i < arrESC.length; i++) {
                        // str += "<input type=\"hidden\" name=\"id2\"
                        // id=\"id2\" value=\""
                        // + arrESC[i].id + "\"/>";
                        // str += "<input type=\"hidden\" name=\"id3\"
                        // id=\"id3\" value=\""
                        // + arrESC[i].bianzhengId + "\"/>";

                        str += "<tr>";
                        str += "<td colspan=\"8\">";
                        str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">";
                        str += "<div style=\"float: left;\">";
                        str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >"
                                + arrESC[i].id + "</textarea>";
                        str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >"
                        var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签
                        // var index = myselect.selectedIndex;
                        alert("myselect坐标0的值:" + myselect.options[0].value);
                        /*
                         * 下拉框主要是应展示项和所有下拉选项的值判断是否对应 分清主和客 所有展示项目为主表
                         * 客表的某一项值和遍历主表的值对应 这里面 下拉框所有选项值是主表
                         */
                        var str1 = "";
                        for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它
                            alert("j值:" + myselect.options[j].value);
//                          alert("arrESC[i].gender值:" + arrESC[i].gender);
//                          alert("myselect.options[j].text值:"
//                                  + myselect.options[j].text);
                            str += "<option value=\""
                                    + myselect.options[j].value + "\">"
                                    + myselect.options[j].text + "</option>";
                            if (myselect.options[j].value == arrESC[i].gender) {
//                              myselect.options[j].selected = true;
//                              break; 
//                              arrESC[i].gender = "selected='selected'";
                                myselect.options[j].selected = 'selected';
                            }

                        }

                        // $("#gender").html(str1)
                        // $("#gender").html(str);
                        "</select>";
                        arrESC[i].gender = "selected='selected'";
                        str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" >"
                                + arrESC[i].min_age + "</textarea>";
                        str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" >"
                                + arrESC[i].max_age + "</textarea>";
                        str += "<textarea style=\"width: 300px;margin-left: 10px;\" id=\"xuewei_id\" name=\"xuewei_id\" >"
                                + arrESC[i].xuewei_id + "</textarea>";
                        str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" >"
                                + arrESC[i].chuzhen_id + "</textarea>";
                        str += "<textarea style=\"width: 60px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"bp\" name=\"bp\">"
                                + arrESC[i].bp + "</textarea>";
                        str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"jielun_conform\" name=\"jielun_conform\">"
                                + arrESC[i].jielun_conform + "</textarea>";
                        str += "</div>";
                        str += "<div >";
                        str += " <input type=\"button\" onclick=\"delRow(this,"
                                + arrESC[i].id
                                + ","
                                + arrESC[i].bianzhengId
                                + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">";
                        str += "</div>";
                        str += "</div>";
                        str += "</td>";
                        str += "</tr>";
                        $("#tbody1").html(str);

                    }

jsp页面代码

 <div id="bottom">
                                            <input type="button" onclick="addRow1()" value="添加项目"
                                                id="saveXiangmu" name="saveXiangmu"
                                                style="float: right; margin-right: 95px;">
                                            <table border="0" cellpadding="2" cellspacing="1"
                                                style="width: 100%" id="rowTable1">
                                                <thead>
                                                    <th></th>
                                                    <tr>
                                                        <td colspan="8" style="line-height: 40px;"><label
                                                            style="position:  absolute;float: left; margin-left: 75px;">组合表ID</label> <label
                                                            style="float: left; margin-left: 175px;">性别</label> <label
                                                            style="float: left; margin-left: 35px;">最小年龄</label> <label
                                                            style="float: left; margin-left: 20px;">最大年龄</label> <label
                                                            style="float: left; margin-left: 170px;">阳性穴位</label>
                                                            <label style="float: left; margin-left: 210px;">视触诊</label>
                                                            <label style="float: left; margin-left: 116px;">血压</label> <label
                                                            style="float: left; margin-left: 35px;">符合度</label></td>                                                                                                                                                                                  
                                                    </tr>
                                                </thead>
                                                <!-- tbody里面是动态添加的内容 -->
                                                <tbody id="tbody1">
                                                    <tr>
                                                        <td colspan="8">

                                                            <div style="margin-left: 148px;" id="earScanCp">
                                                                <div style="float: left;">
                                                                    <textarea
                                                                        style="width: 50px; margin-left: -80px; position: absolute;"></textarea>
                                                                    <select
                                                                        style="width: 50px; height: 36px; margin-left: 4%;" id="gender">
                                                                        <!--  position: absolute;-->
                                                                        <option value=0>男</option>
                                                                        <option value=1>女</option>
                                                                        <option value=2>通用</option>
                                                                    </select>
                                                                    <textarea style="width: 50px; margin-left: 2%;"></textarea>
                                                                    <textarea
                                                                        style="width: 50px; margin-left: 2%; /* margin-top: -2.5%; */"></textarea>
                                                                    <textarea
                                                                        style="width: 350px; margin-left: 2%; /* margin-top: -2.5%; */"></textarea>
                                                                    <textarea
                                                                        style="width: 250px; margin-left: 2%;/*  margin-top: -2.5%; */"></textarea>
                                                                    <select
                                                                        style="width: 60px; height: 36px;margin-left: 102%;margin-top: -6%;">
                                                                        <option value=0>正常</option>
                                                                        <option value=1>高血压</option>
                                                                        <option value=2>低血压</option>
                                                                    </select>
                                                                    <textarea style="width: 50px; margin-left: 112%;margin-top: -6%;">50</textarea>
                                                                    <!-- <input type="hidden" name="id2" id="id2" /> -->
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

下拉框应该显示 通用选项 只有在调试过程中显示了通用 但是最终结果还是三个选项都显示了
图片说明
调试过程可以显示选中状态
拼接的内容替换 jsp页面固定标签内容 选中状态消失了
选中状态消失

  • 写回答

6条回答 默认 最新

  • 天际的海浪 2018-07-18 08:19
    关注
                            var str1 = "";
                            for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它
                                alert("j值:" + myselect.options[j].value);
    //                          alert("arrESC[i].gender值:" + arrESC[i].gender);
    //                          alert("myselect.options[j].text值:"
    //                                  + myselect.options[j].text);
                                str += "<option value=\""
                                        + myselect.options[j].value + "\" "
                                        + (myselect.options[j].value == arrESC[i].gender?"selected='selected'":"") +">"
                                        + myselect.options[j].text + "</option>";
                            }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 机器学习教材中的例题询问
  • ¥15 求.net core 几款免费的pdf编辑器
  • ¥20 SQL server表计算问题
  • ¥15 C# P/Invoke的效率问题
  • ¥20 thinkphp适配人大金仓问题
  • ¥20 Oracle替换.dbf文件后无法连接,如何解决?(相关搜索:数据库|死循环)
  • ¥15 数据库数据成问号了,前台查询正常,数据库查询是?号
  • ¥15 算法使用了tf-idf,用手肘图确定k值确定不了,第四轮廓系数又太小才有0.006088746097507285,如何解决?(相关搜索:数据处理)
  • ¥15 彩灯控制电路,会的加我QQ1482956179
  • ¥200 相机拍直接转存到电脑上 立拍立穿无线局域网传