js增加列表控件行，選擇數據回填

原創 hai7425 2020-06-06 12:35 

<!DOCTYPE html>
<!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 8 ]> <html class="lte_ie8 lte_ie9"> <![endif]--> 
<!--[if lte IE 9 ]> <html class="lte_ie9"> <![endif]--> 
<!--[if (gte IE 10)|!(IE)]><!--><html><!--<![endif]-->
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>新建子文件夾</title>
    <link rel="stylesheet" type="text/css" href="/static/theme/19/style.css?20190719" />
    <!--[if lte IE 8]>
        <script type="text/javascript" src="/static/js/ccorrect_btn.js"></script>
    <![endif]-->
    
    <link rel="stylesheet" type="text/css" href="/static/js/bootstrap/css/bootstrap.css?190819">

<script type="text/javascript" src="/static/js/watermark/watermark.js"></script>
<script type="text/javascript" src="/static/js/watermark/index.js" charset="utf-8"></script>
<script src="/static/js/ba/agent.js" type="text/javascript"></script>
<script type="text/javascript" >
   var MYOA_JS_SERVER = "";
   var MYOA_STATIC_SERVER = "";
   window._td_ba && window._td_ba.server && (window._td_ba.server.guid = '{F3DA2A61-47EC-4CB4-CBDA-1594CF140A8E}');
</script>
</head>

<link rel="stylesheet" type="text/css" href="/static/js/validation/validationEngine.jquery.min.css">
<script src="/static/js/module.js?v=200106"></script>
<script src="/static/js/jquery-1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/utility.js"></script>
<script type="text/javascript" src="/inc/js_lang.php"></script>
<script type="text/javascript" src="/static/js/attach.js"></script>
<script type="text/javascript" src="/static/js/mytable.js"></script>
<script src="/static/js/validation/jquery.validationEngine.min.js" type="text/javascript" charset="utf-8"></script>

<script Language="JavaScript">
jQuery(document).ready(function(){
    jQuery("#form1").validationEngine({promptPosition:"bottomLeft"});
});
function CheckForm()
{
    var num=document.getElementById("count").value;
    var name_str=document.form1.SORT_NAMES.value;
    for(i=0;i<num;i++)
    {
        if($("SORT_NAME_"+i).value=="")
        {
            alert("文件夾名稱不能爲空！");
            $("SORT_NAME_"+i).focus();
            return(false);
        }
        else {
            for(j=i+1;j<num;j++)
            {
                if($("SORT_NAME_"+i).value==$("SORT_NAME_"+j).value)
                {
                    alert("文件夾名稱不能相同！");
                    return(false);
                }
            }
        }

    }

    var value=document.form1.SORT_PD.value;
    if(value=="")
    {
        alert("文件夾名稱已存在！");
        return (false);
    }
    return (true);
}

function check_sort_name(id,num)

{
    if(id=="")
        return;

    $("sort_name_msg"+num).innerHTML="<img src='/static/images/loading_16.gif' align='absMiddle'> 檢查中，請稍候……";
    _get("check_sort_name.php","SORT_TYPE=2&SORT_ID=0&SORT_NAME="+id+"&num="+num, show_msg);

}
function show_msg(req)
{
    if(req.status==200)
    {
        if(req.responseText.substring(0,3)=="+OK")
        {
            var sort_name=req.responseText.substring(3);
            $("sort_name_msg"+sort_name).innerHTML="<img src='/static/images/correct.gif' align='absMiddle'>";
            document.form1.SORT_PD.value="1";
            document.form1.SORT_NAMES.value+=sort_name+',';
        }
        else
        {
            var sort_name=req.responseText.substring(4);
            $("sort_name_msg"+sort_name).innerHTML="<img src='/static/images/error.gif' align='absMiddle'> 該文件名已存在";
            document.form1.SORT_PD.value="";
            $("sort_name_"+sort_name).focus();
        }
    }
    else
    {
        $("user_id_msg").innerHTML="<img src='/static/images/error.gif' align='absMiddle'> 錯誤："+req.status;
    }
}

function addRow()
{
    var row_count=jQuery("#count").val();
alert(row_count);
    var table1 = jQuery('#table');
    var firstTr = table1.find('tbody>tr:first');
    var lastTr = table1.find('tbody>tr:last');
    var row = jQuery("<tr></tr>");
    var td = jQuery("<td class=''></td>");
    var td1 = jQuery("<td class=''></td>");
	 var td2 = jQuery("<td class=''></td>");
	  var td3 = jQuery("<td class=''></td>");
    td.append(jQuery("<input type='text' name='SORT_NO_"+row_count+"' size='20' maxlength='20' class=''>"));
    td1.append(jQuery("<input type='text' id='SORT_NAME_"+row_count+"' name='SORT_NAME_"+row_count+"' size='25' maxlength='100' class='' οnblur='check_sort_name(this.value,"+row_count+");'>&nbsp;<span id='sort_name_msg"+row_count+"'></span>"));
  	td2.append(jQuery("<input type='text' name='SORT_NO1_"+row_count+"' size='20' maxlength='20' class=''>"));
		td3.append(jQuery(" <input type=\"button\" value=\"選擇\" class=\"btn\" onClick=\"xuanze("+row_count+");\">"));
    row.append(td);
    row.append(td1);
	 row.append(td2);
	  row.append(td3);

    table1.append(row);
    row_count++;
    jQuery("#count").val(row_count);

}

function deleRow()
{
    jQuery("#row").remove();
}
function xuanze(i){
	alert(i);
	}
function deleteRow()
{
    var table1 = jQuery('#table');
    var length= table1.find("tr").length;

    if(length<3)
    {
        alert("至少保留一行");
    }
    else
    {
        table1.find('tbody>tr:last').remove();
        var count=jQuery("#count").val();
        jQuery("#count").val(count-1);
    }
}
</script>



<body class="bodycolor" οnlοad="document.form1.SORT_NAME_0.focus();">
<form action="submit.php"  method="post" id="form1" name="form1" οnsubmit="return CheckForm();">
    <table  width="850" align="center" style="border:0px #83ACCF solid;line-height:20px;font-size:9pt;border-collapse:collapse;margin-bottom:10px;">
        <tr>


            <td align="center"><input type="button" value="添加" class="btn btn-primary" οnclick="addRow();"> &nbsp;<input type="button" value="刪除" class="btn btn-danger" οnclick="deleteRow();">
            </td>
        </tr>
    </table>

    <table class="table table-bordered table-hover table-600" width="850" align="center" id="table">
        <thead>
			<tr>
				<th nowrap class=""> 排序號</th>
				<th nowrap class=""> 文件夾名稱</th>
                <th nowrap class=""> 文件夾名稱1</th> <th nowrap class=""> 操作</th>
			</tr>
		</thead>
		<tbody id="newbody">
        <tr id="row">
            <td class="">
                <input autocomplete="off" type="text" name="SORT_NO_0" size="20" maxlength="20" class="">
            </td>
            <td class="">

                <input autocomplete="off" type="text" id="SORT_NAME_0" name="SORT_NAME_0" size="25" maxlength="100" class="" οnblur="check_sort_name(this.value,0)">&nbsp;<span id="sort_name_msg0"></span>

            </td>
             <td class="">
                <input autocomplete="off" type="text" name="SORT_NO1_0" size="20" maxlength="20" class="">
            </td>
            <td>   <input type="button" value="選擇" class="btn" onClick="xuanze(0);"></td>
        </tr>
        </tbody>
    </table>


    <table class="table table-600" align="center">
        <tr align="center" class="">
            <td colspan="2" nowrap style="text-align:center; border:none;">
                <input type="hidden" name="FILE_SORT" value="2">
                <input type="hidden" name="SORT_TYPE" value="2">
                <input type="hidden" name="SORT_ID" value="0">
                <input type="hidden" name="SORT_PD" value="">
                <input type="hidden" name="SORT_NAMES" value="">
                <input type="hidden" name="COUNT"  id="count" value="1">
				
                <input type="submit" value="確定" class="btn btn-primary">
				<input type="button" value="返回" class="btn" onClick="location='../folder.php?FILE_SORT=2&SORT_ID=0'">
                <input type="button" value="選擇" class="btn" onClick="xuanze(0);">
            </td>
        </tr>
    </table>
</form>

</body>
</html>

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

promise reject 狀態

promise reject 其實是一種狀態 作爲then 的第二個參數進行傳遞 或者在 catch中使用 當then第二個參數存在時，優先使用第二個參數而不是用catch 相當於有選擇性地進行回調

阿冰介 2020-07-08 11:48:15

（1）javaScript學習（document、js數據類型、===、函數function、alert（）、typeof（）、註釋）

什麼是javaScript？ html靜態的頁面，動態頁面js。 是一種腳本語言，標準化的ECMAScript。 在js中也是基於對象和事件的語言。   javaScript特點     是一種解釋性腳本語言（代碼不進行預編譯）。    

言承Yolanda 2020-07-08 01:37:40

字符串和數組的合併與截取

字符串的截取 slice 用法：slice(start, end)方法提取字符串要提取的部分，start(包含)和end(不包含)來指定位置，負數從字符串的末尾進行開始。 let str = 'hello word'; let n

sunqy1995 2020-07-07 18:04:48

數組最大值/最小值計算方法

遍歷數組比較大小 將第一個值認爲是最大值或者最小值，經過每一次的循環進行判斷賦值，比當前大或者小時進行替換，依次這樣，到最後獲得的就是最大值/最小值。 let arr = [1,5,3,2,7,4]; let max = arr[

sunqy1995 2020-07-07 18:04:36

第五章引用類型（5.2 Array 類型筆記）6/29

5.2 Array 類型 5.2.2 轉換方法 toLocaleString() 、 toString() 和 valueOf() 方法 toLocaleString() 方法時，與前兩個方法唯一的不同之處，調用的是每一項的 t

菩提树_ 2020-07-07 11:33:13

jquery的deferred對象

var wait = function(dtd){ 　　　　var dtd = $.Deferred(); //在函數內部，新建一個Deferred對象 　　　　var tasks = function(){ 　　　　　　aler

秋天1014童话 2020-07-07 00:47:29

本地存儲封裝-localStorage，sessionStorage，userData

h5新增了本地存儲localStorage，sessionStorage。UserData是微軟爲IE專門在系統中開闢的一塊存儲空間。 chrome, safari, firefox， ie 9都支持 localStorage

秋天1014童话 2020-07-07 00:47:29

jquery-源碼分析

1、jQuery.type type: function( obj ) { return obj == null ? String( obj ) : class2ty

秋天1014童话 2020-07-07 00:47:29

getComputedStyle方法與currentStyle屬性獲取元素樣式

1、getComputedStyle() getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值（計算之後的最終結果，如2em計算後的結果。此外，即使沒有CSS代碼，也會把默認的祖宗八代都顯示出來）。返回

秋天1014童话 2020-07-07 00:47:29

面向對象思想-封裝拖拽對象

1、我們常常會通過修改元素的top，left，translate來其的位置發生改變。修改元素的left，top值，但會引起頁面重繪，而transform不會，所以要優先使用transform。 2、如何獲取當前瀏覽器支持的tra

秋天1014童话 2020-07-07 00:47:29

requestAnimationFrame--用法及輪播動畫

requestAnimationFrame ，字面含義是請求動畫幀。從API命名來看，和動畫有着密切的關係。其用法跟setTimeout差不多，與setTimeout相比，最大的優勢是 由瀏覽器來決定函數的執行時機 。 形象一點

秋天1014童话 2020-07-07 00:47:29

javascript pt 1

今天開始自學js如需從 JavaScript 訪問某個 HTML 元素，您可以使用 document.getElementById(id) 方法。請使用 "id" 屬性來標識 HTML 元素在 JavaScript 中，用分號來結束語句是

vardemy 2020-07-06 23:11:32

javascript pt 2

查找 HTML 元素通常，通過 JavaScript，您需要操作 HTML 元素。爲了做到這件事情，您必須首先找到該元素。有三種方法來做這件事：通過 id 找到 HTML 元素 var x=document.getElementById(

vardemy 2020-07-06 23:11:32

源碼分析：react hook 最佳實踐

源碼分析：react hook 最佳實踐 原文鏈接 前言 本文從 mini React —— Preact 源碼的角度，分析 React Hook 各個 API 的優點缺點。 從而理解爲什麼要用 hook，以及如何最佳使用。 2條

校园苦行生 2020-07-06 19:07:26

前端監控性能指標

文章目錄前端監控性能指標性能指標階段性指標關鍵性能指標小程序W3C Level 1兼容性常規用法注意事項1、計算HTML文檔請求使用 Nav Timing2、計算靜態資源使用 getEntriesByType('resource'

校园苦行生 2020-07-06 19:07:26