Cách thêm văn bản vào javascript động
Trong bài viết này, tôi sẽ giải thích cách tự động thêm và xóa các Hộp văn bản một cách linh hoạt bằng cách sử dụng JavaScript trong ASP. Net sử dụng C# và VB. Bọc lưới Show Tôi cũng sẽ giải thích cách tìm nạp các giá trị của Hộp văn bản được tạo động bằng cách sử dụng JavaScript ở Phía máy chủ và cũng giữ lại các Hộp văn bản động trên PostBack
Đánh dấu HTML Đánh dấu HTML bao gồm một Nút HTML để thêm các Hộp văn bản động bằng JavaScript, một DIV HTML để giữ các Hộp văn bản động và một ASP. nút lưới <form id="form1" runat<="server"> <đầu vào id="btnAdd" loại<="button" value="add" onclick="AddTextBox()" /> <br /> <br /> <div id="TextBoxContainer">
<br /> <asp. Nút ID="btnPost" runat="server" Text="Post" OnClick="Post" />
Kịch bản phía máy khách Dưới đây là JavaScript phía máy khách để thêm và xóa các Hộp văn bản động <tập lệnh loại="text/javascript"> hàm GetDynamicTextBox(value){ return ' + value + '" />' + '''''''''''' } hàm AddTextBox() { var div = tài liệu. createElement( 'DIV' ); div. innerHTML = GetDynamicTextBox( "" ); tài liệu. getElementById( "TextBoxContainer" ). appendChild(div); }
function RemoveTextBox(div) { tài liệu. getElementById( "TextBoxContainer" ). removeChild(div. parentNode); }
function RecreateDynamicTextboxes() { var values = eval( ' <%=Values%>'); if (giá trị. = null ) { var html = "" ; for ( var i = 0; i < . chiều dài; html += " + GetDynamicTextBox(values[i]) + "; } tài liệu. getElementById( "TextBoxContainer" ). InternalHTML = html; } } cửa sổ. onload = RecreateDynamicTextboxes;
Hàm GetDynamicTextBox Hàm này trả về một chuỗi HTML của Hộp văn bản HTML và nút sẽ được sử dụng để nối vào vùng chứa DIV
Hàm AddTextBox Hàm này tạo một phần tử HTML DIV với một TextBox và một Button (để loại bỏ TextBox) và sau đó nối nó vào Container DIV Lưu ý . Trong khi tạo các Hộp văn bản động, tôi đang gán một thuộc tính tên không đổi DynamicTextBox cho tất cả các Hộp văn bản. Các giá trị của Hộp văn bản động sẽ được tìm nạp bằng thuộc tính tên của nó.
Chức năng RemoveTextBox Chức năng này chỉ đơn giản là loại bỏ Hộp văn bản được thêm động được liên kết với Nút đã được nhấp
Chức năng RecreateDynamicTextboxes Chức năng này được gọi trong sự kiện tải cửa sổ JavaScript được kích hoạt sau khi trang được tải trong trình duyệt Đầu tiên, nó chuyển đổi chuỗi JSON từ phía máy chủ i. e. ' <% =Giá trị %>' to JavaScript Array and then recreates the dynamic TextBoxes by looping through the values preset in the JavaScript array.
không gian tên Bạn sẽ cần nhập không gian tên sau C# sử dụng Hệ thống. mạng. Kịch bản. Tuần tự hóa;
VB. Bọc lưới Nhập Hệ thống. mạng. Kịch bản. Tuần tự hóa
Tìm nạp các giá trị của Hộp văn bản động được tạo bằng JavaScript Khi nút Đăng được nhấp, đầu tiên các giá trị của Hộp văn bản được tìm nạp từ Yêu cầu. Bộ sưu tập biểu mẫu sử dụng giá trị thuộc tính tên của Hộp văn bản động Các giá trị đã tìm nạp được tuần tự hóa thành một chuỗi JSON và được gán cho biến Giá trị được bảo vệ, chuỗi JSON này sẽ được sử dụng ở Phía máy khách để tạo lại các Hộp văn bản động sau PostBack Làm cách nào để thêm văn bản bằng JavaScript?Giải thích ví dụ
. createElement("p"); . Mã này tạo một nút văn bản. nút const = tài liệu. createTextNode("Đây là một đoạn mới. ");create a text node first. This code creates a text node: const node = document.createTextNode("This is a new paragraph.");
Làm cách nào để thêm văn bản vào khoảng cách động trong JavaScript?Nếu bạn cần thêm hoặc thêm văn bản vào nội dung hiện có của phần tử span, hãy hãy sử dụng phương thức insertAdjacentText để thay thế. Đã sao chép. const span = tài liệu. getElementById('span'); .
Làm cách nào để thêm văn bản vào div trong JavaScript?Thêm văn bản vào DIV bằng cách sử dụng Phương thức appendChild() trong JavaScript (Phương thức 2) Bạn cũng có thể sử dụng phương thức appendChild() trong JavaScript để .
Văn bản động trong JavaScript là gì?Thay thế văn bản động (DTR) là một tính năng mạnh mẽ để thêm tính năng cá nhân hóa vào cửa sổ bật lên của bạn bằng cách sử dụng nhiều biến số . Nó cho phép bạn tạo một cửa sổ bật lên duy nhất và tự động thay đổi văn bản để hiển thị cho khách truy cập của bạn các thông báo có liên quan. |