How can I replace whole input field with its value in JavaScript or jQuery?
-2
Say, I have an html input field.
<input type='text' class='txtData' />
In documentready method I set value of that input field.
$(".txtData").val(2);
Now I convert this html input field into string like below.
var sText = "<input type='text' class='txtData' />";
Now I want to replace this sText with $(.txtData).val().
How can I solve this? I google a lot but not find any solution
I find below solution which replace whole sText to " ".
sText.replace(/<input[^>]*>|</input>/gi, "");
But how can I replace it with selected input field's value?
Thanks in advance.
javascript jquery regex replace
asked Nov 20 '18 at 5:46
RTNRTN
12
|
show 4 more comments
-2
Say, I have an html input field.
<input type='text' class='txtData' />
In documentready method I set value of that input field.
$(".txtData").val(2);
Now I convert this html input field into string like below.
var sText = "<input type='text' class='txtData' />";
Now I want to replace this sText with $(.txtData).val().
How can I solve this? I google a lot but not find any solution
I find below solution which replace whole sText to " ".
sText.replace(/<input[^>]*>|</input>/gi, "");
But how can I replace it with selected input field's value?
Thanks in advance.
javascript jquery regex replace
asked Nov 20 '18 at 5:46
RTNRTN
12
sTextcontains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to bysTextdoes not have a value property.
– Randy Casburn
Nov 20 '18 at 5:48
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
sText = "<span>" + $('.txtData').val() + "</span>"and append it in place of the text box?
– Amit Joki
Nov 20 '18 at 5:51
1
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28
|
show 4 more comments
-2
-2
-2
Say, I have an html input field.
<input type='text' class='txtData' />
In documentready method I set value of that input field.
$(".txtData").val(2);
Now I convert this html input field into string like below.
var sText = "<input type='text' class='txtData' />";
Now I want to replace this sText with $(.txtData).val().
How can I solve this? I google a lot but not find any solution
I find below solution which replace whole sText to " ".
sText.replace(/<input[^>]*>|</input>/gi, "");
But how can I replace it with selected input field's value?
Thanks in advance.
javascript jquery regex replace
asked Nov 20 '18 at 5:46
RTNRTN
12
Say, I have an html input field.
<input type='text' class='txtData' />
In documentready method I set value of that input field.
$(".txtData").val(2);
Now I convert this html input field into string like below.
var sText = "<input type='text' class='txtData' />";
Now I want to replace this sText with $(.txtData).val().
How can I solve this? I google a lot but not find any solution
I find below solution which replace whole sText to " ".
sText.replace(/<input[^>]*>|</input>/gi, "");
But how can I replace it with selected input field's value?
Thanks in advance.
javascript jquery regex replace
javascript jquery regex replace
asked Nov 20 '18 at 5:46
RTNRTN
12
asked Nov 20 '18 at 5:46
RTNRTN
12
asked Nov 20 '18 at 5:46
RTNRTN
12
asked Nov 20 '18 at 5:46
RTNRTN
12
asked Nov 20 '18 at 5:46
RTNRTN
12
12
sTextcontains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to bysTextdoes not have a value property.
– Randy Casburn
Nov 20 '18 at 5:48
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
sText = "<span>" + $('.txtData').val() + "</span>"and append it in place of the text box?
– Amit Joki
Nov 20 '18 at 5:51
1
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28
|
show 4 more comments
sTextcontains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to bysTextdoes not have a value property.
– Randy Casburn
Nov 20 '18 at 5:48
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
sText = "<span>" + $('.txtData').val() + "</span>"and append it in place of the text box?
– Amit Joki
Nov 20 '18 at 5:51
1
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28
sText contains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to by sText does not have a value property.– Randy Casburn
Nov 20 '18 at 5:48
sText contains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to by sText does not have a value property.– Randy Casburn
Nov 20 '18 at 5:48
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
sText = "<span>" + $('.txtData').val() + "</span>" and append it in place of the text box?– Amit Joki
Nov 20 '18 at 5:51
sText = "<span>" + $('.txtData').val() + "</span>" and append it in place of the text box?– Amit Joki
Nov 20 '18 at 5:51
1
1
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28
|
show 4 more comments
1 Answer
1
active
oldest
votes
0
You can parse string to html using JQuery.parseHTML and then use the variable to update value.
example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html>answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386927%2fhow-can-i-replace-whole-input-field-with-its-value-in-javascript-or-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You can parse string to html using JQuery.parseHTML and then use the variable to update value.
example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html>answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
add a comment |
0
You can parse string to html using JQuery.parseHTML and then use the variable to update value.
example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html>answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
add a comment |
0
0
0
You can parse string to html using JQuery.parseHTML and then use the variable to update value.
example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html>answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
You can parse string to html using JQuery.parseHTML and then use the variable to update value.
example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html><!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html><!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var sText = "<input type='text' value='21' class='txtData' />";
var html = $.parseHTML(sText);
//alert('before update '+$(html).val())
console.log('before update '+$(html).val());
$(html).val(19);
//alert('after update '+$(html).val())
console.log('after update '+$(html).val());
});
});
</script>
</head>
<body>
<button>UPDATE TEST</button>
</body>
</html>answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
answered Nov 20 '18 at 6:04
secret super starsecret super star
976114
976114
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386927%2fhow-can-i-replace-whole-input-field-with-its-value-in-javascript-or-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
sTextcontains a string. So you cannot treat it as if it were a DOM Element. In other words, the string referred to bysTextdoes not have a value property.– Randy Casburn
Nov 20 '18 at 5:48
It is not clear what you want to do
– brk
Nov 20 '18 at 5:50
@Randy, thanks sir for you reply. Is there any way that can solve my need? Any idea?
– RTN
Nov 20 '18 at 5:50
sText = "<span>" + $('.txtData').val() + "</span>"and append it in place of the text box?– Amit Joki
Nov 20 '18 at 5:51
1
what you want to achieve?
– Negi Rox
Nov 20 '18 at 6:28