tôi cần phải thêm một số văn bản đến một lĩnh vực đầu vào ...Nối văn bản để trường nhập
Trả lời
$('#input-field-id').val($('#input-field-id').val() + 'more text');
Cảm ơn một nhóm! –
Xin vui lòng đọc câu trả lời của tôi về câu hỏi này - Có thực sự là không có lý do để phải gọi '$ ('# đầu vào-lĩnh vực-id')' hai lần ... Rất đơn giản câu trả lời mặc dù - +1 – gnarf
Tôi cảm thấy như có nên là một hàm cộng thêm giá trị của một đầu vào giống như bạn có thể với 'innerHTML'. –
Bạn có thể tìm cho val()
Nếu bạn đang có kế hoạch để sử dụng phụ hơn sau đó một lúc, bạn có thể muốn viết một hàm:
//Append text to input element
function jQ_append(id_of_input, text){
var input_id = '#'+id_of_input;
$(input_id).val($(input_id).val() + text);
}
Sau khi bạn chỉ có thể gọi nó là:
jQ_append('my_input_id', 'add this text');
Tôi không thể thêm trình giữ chỗ vào hộp tìm kiếm và muốn sử dụng hộp này và sau đó xóa hộp khi người dùng đặt con trỏ vào hộp tìm kiếm. Điều này có thể thực hiện được không? – KevinOrin
Có hai tùy chọn. Cách tiếp cận của Ayman là đơn giản nhất, nhưng tôi sẽ thêm một lưu ý bổ sung cho nó. Bạn thực sự cần bộ nhớ cache lựa chọn jQuery, không có lý do gì để gọi $("#input-field-id")
hai lần:
var input = $("#input-field-id");
input.val(input.val() + "more text");
Các tùy chọn khác, .val()
cũng có thể mất một chức năng như một cuộc tranh cãi. Điều này có advantange của dễ dàng làm việc trên nhiều đầu vào:
$("input").val(function(index, val) {
return val + "more text";
});
\t // Define appendVal by extending JQuery
\t $.fn.appendVal = function(TextToAppend) {
\t \t return $(this).val(
\t \t \t $(this).val() + TextToAppend
\t \t);
\t };
//_____________________________________________
\t // And that's how to use it:
\t $('#SomeID')
\t \t .appendVal('This text was just added')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<textarea
id = "SomeID"
value = "ValueText"
type = "text"
>Current NodeText
</textarea>
</form>
Vâng khi tạo ví dụ này tôi bằng cách nào đó có một chút bối rối. "ValueText" vs>Mã hiện tại < Không phải là .val()
phải chạy trên dữ liệu của thuộc tính giá trị? Dù sao tôi và bạn tôi có thể làm rõ điều này sớm hay muộn.
Tuy nhiên điểm cho bây giờ là:
Khi làm việc với dữ liệu mẫu sử dụng .val().
Khi giao dịch với các dữ liệu chỉ chủ yếu đọc ở giữa việc sử dụng thẻ .text() hoặc .append() để thêm văn bản.
Điều này có bổ sung gì mới để trả lời câu hỏi tốt hơn không? Tôi hiểu bạn đang thực hiện một phần mở rộng, nhưng điều này đã được trả lời trong một thời gian. Chỉ muốn đảm bảo chất lượng của SO được duy trì. –
Cảm ơn bạn đã quan tâm - Tôi thích điều đó. Nhưng có bạn đúng không có nhiều bản chất mới vẫn như cũ. Tuy nhiên khi tôi tiêu hóa các câu trả lời hiện tại, tôi cảm thấy có thể có một chút về phong cách và thực hiện. Lần đầu tiên tôi kiểm tra xem một số bài đăng có thể được chỉnh sửa hay không, nhưng cuối cùng tôi nghĩ tốt nhất là nên tạo một bài đăng mới. Vì vậy, những gì là mới: * Bạn có thể chạy các snipped. * Phần mở rộng này giúp ích nhiều cho việc viết mã tự viết, trong khi không làm sao lãng quá nhiều bản chất. – Nadu
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style type="text/css">
*{
font-family: arial;
font-size: 15px;
}
</style>
</head>
<body>
<button id="more">More</button><br/><br/>
<div>
User Name : <input type="text" class="users"/><br/><br/>
</div>
<button id="btn_data">Send Data</button>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#more').on('click',function(x){
var textMore = "User Name : <input type='text' class='users'/><br/><br/>";
$("div").append(textMore);
});
$('#btn_data').on('click',function(x){
var users=$(".users");
$(users).each(function(i, e) {
console.log($(e).val());
});
})
});
</script>
</body>
</html>
- 1. văn bản mặc định trong trường nhập
- 2. Màu văn bản của trường nhập liệu CSS của văn bản được nhập
- 3. Phát hiện "giá trị" của trường nhập văn bản sau sự kiện keydown trong trường văn bản?
- 4. CSS: các trường nhập văn bản được làm tròn
- 5. Trường nhập văn bản HTML có ký hiệu tiền tệ
- 6. Loại nhập văn bản EditText cho trường StreetNumber
- 7. jQuery: màu văn bản animate cho trường nhập liệu?
- 8. Twitter Bootstrap phương thức chặn trường nhập văn bản
- 9. Làm cách nào để không cho phép nhập vào trường nhập văn bản bằng jQuery?
- 10. Văn bản căn chỉnh phải trong trường nhập HTML
- 11. Đặt văn bản của trường nhập Jquery di động
- 12. Các trường nhập văn bản Javascript hiển thị văn bản hướng dẫn (giữ chỗ)
- 13. Trường nhập văn bản, bọc văn bản thay vì mở rộng theo chiều ngang
- 14. Văn bản không bắt đầu từ đầu trái của trường văn bản nhập
- 15. Nhập khóa trong văn bản
- 16. Thay đổi màu văn bản trong trường văn bản
- 17. Làm cách nào để định dạng văn bản được nhập vào một trường văn bản HTML như tiền tệ?
- 18. JasperReport - văn bản quấn để hiển thị văn bản dài trong trường văn bản
- 19. Bắt nhập phím bấm trong trường nhập văn bản trong AS3
- 20. Nhập văn bản vào XNA (để nhập tên, trò chuyện)
- 21. Làm cách nào để nhập kiểu văn bản khi nhập?
- 22. Sự khác biệt của trường Nhập CMS CMS so với trường Văn bản là gì?
- 23. Nối văn bản bằng StreamWriter
- 24. Styling nhập văn bản CSS
- 25. Làm cách nào để tạo trường nhập văn bản có dạng thức phong phú như StackOverflow?
- 26. Làm cách nào để đặt chiều cao của trường nhập (văn bản) trong CSS?
- 27. (jquery/js) - nhận văn bản từ trường trên khóa, nhưng với độ trễ để nhập thêm
- 28. Làm cách nào để sử dụng dấu chấm lửng tràn văn bản trong trường nhập html?
- 29. Custom inputView cho UITextField, làm cách nào để trực tiếp nhập lại trường văn bản?
- 30. có cách nào để tạo mục nhập trường văn bản phải là email không? (in xcode)
thể trùng lặp của [Có thể làm ".Value + =" trong JQuery?] (Http://stackoverflow.com/questions/1224133/is-it-possible -to-do-value-in-jquery) –