How do I do string replace in JavaScript to convert ‘9.61’ to ‘9:61’?

Question

Given the code line

var value = $("#text").val();

and value = 9.61, I need to convert 9.61 to 9:61. How can I use the JavaScript replace function here?

Note that this has nothing to do with jQuery, but just with plain old javascript. — Ikke
– Ikke, Commented Jan 27, 2010 at 10:22
I have a similar problem. I have a 'var' variable in javascript and I want to replace the string/characters in it. I tried this code: var myObject="my%dynamic%value\n"; myObject=myObject.replace("%","").replace("\n",""); Also tried myObject=myObject.replace('%','').replace('\n',''); It gives me the error that replace is not a known function — Bill Berlington
– Bill Berlington, Commented Nov 3, 2011 at 10:33
The exact error message for the above issue is "Microsoft JScript runtime error: Object doesn't support property or method 'replace'" — Bill Berlington
– Bill Berlington, Commented Nov 3, 2011 at 10:38

Cœur · Accepted Answer · 2017-08-09 03:50:22Z

535

Do it like this:

var value = $("#text").val(); // value = 9.61 use $("#text").text() if you are not on select box...
value = value.replace(".", ":"); // value = 9:61
// can then use it as
$("#anothertext").val(value);

Updated to reflect to current version of jQuery. And also there are a lot of answers here that would best fit to any same situation as this. You, as a developer, need to know which is which.

Replace all occurrences

To replace multiple characters at a time use some thing like this: name.replace(/&/g, "-"). Here I am replacing all & chars with -. g means "global"

Note - you may need to add square brackets to avoid an error - title.replace(/[+]/g, " ")

credits vissu and Dante Cullari

edited Aug 9, 2017 at 3:50

Cœur

39k25 gold badges207 silver badges282 bronze badges

answered Jan 27, 2010 at 10:19

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Nisanth Kumar Over a year ago

I tried that but an error occure as value.replace is not a function :(

Reigel Gallarde Over a year ago

thephpdeveloper added something to make it correct... that should do it... see above edited

Vissu Over a year ago

This won't work if we try to replace more than one value at a time. :(

Vissu Over a year ago

To replace multiple characters at a time use some thing like this: name.replace(/&/g, "-"). Here I am replacing all '&' chars with '-'. "g" means "global".

Dante Cullari Over a year ago

Note - you may need to add square brackets to avoid an error - title.replace(/[+]/g, " ")

|

cletus · Accepted Answer · 2010-01-27 10:20:19Z

67

Probably the most elegant way of doing this is to do it in one step. See val().

$("#text").val(function(i, val) {
  return val.replace('.', ':');
});

compared to:

var val = $("#text").val();
$("#text").val(val.replace('.', ':'));

From the docs:

.val( function(index, value) )
function(index, value)A function returning the value to set.

This method is typically used to set the values of form fields. For <select multiple="multiple"> elements, multiple s can be selected by passing in an array.

The .val() method allows us to set the value by passing in a function. As of jQuery 1.4, the function is passed two arguments, the current element's index and its current value:
$('input:text.items').val(function(index, value) {
  return value + ' ' + this.className;
});
This example appends the string " items" to the text inputs' values.

This requires jQuery 1.4+.

answered Jan 27, 2010 at 10:20

cletus

627k169 gold badges922 silver badges945 bronze badges

1 Comment

Reigel Gallarde Over a year ago

but as i see it the guy just want to change the var value and not the value in the text box as you suggested...

Shadrack Orina · Accepted Answer · 2012-09-19 07:00:30Z

41

I love jQuery's method chaining. Simply do...

    var value = $("#text").val().replace('.',':');

    //Or if you want to return the value:
    return $("#text").val().replace('.',':');

edited Sep 19, 2012 at 7:00

answered Nov 2, 2011 at 18:40

Shadrack Orina

8,0132 gold badges33 silver badges36 bronze badges

1 Comment

zerkms Over a year ago

this has nothing to do with jquery chaining actually. After you've called .val() it's a regular string.

Marvin Pinto · Accepted Answer · 2012-01-27 02:59:05Z

19

A simple one liner:

$("#text").val( $("#text").val().replace(".", ":") );

edited Jan 27, 2012 at 2:59

Marvin Pinto

31.3k7 gold badges39 silver badges55 bronze badges

answered Jan 27, 2012 at 1:40

VIDesignz

4,8133 gold badges30 silver badges38 bronze badges

14 Comments

Reigel Gallarde Over a year ago

this will only work if the value is a string... and also, calling $("#text") twice in there is not a good practice...

Reigel Gallarde Over a year ago

the OP also didn't specify that he wanted to replace the value of the $("#text") :)

VIDesignz Over a year ago

Comment 1...Wrong. Comment 2...think about the logic of his question, no need to specify.

Reigel Gallarde Over a year ago

prove it.. and do remember, dated Jan 27 '10 at 10:16

Reigel Gallarde Over a year ago

you don't even know good practice.. you might want to read this.. stackoverflow.com/questions/3230727/…

|

Peter Mortensen · Accepted Answer · 2012-06-10 12:54:11Z

6

It can be done with the regular JavaScript function replace().

value.replace(".", ":");

edited Jun 10, 2012 at 12:54

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Jan 27, 2010 at 10:22

Anders

6572 gold badges8 silver badges17 bronze badges

1 Comment

Anders Over a year ago

Im not sure if I missed something but since the value comes from the textbox it is a string no? Example jsfiddle.net/xMBuA

Peter Mortensen · Accepted Answer · 2015-10-27 23:06:07Z

4

You can use JavaScript functions like replace, and you can wrap the jQuery code in brackets:

var value = ($("#text").val()).replace(".", ":");

edited Oct 27, 2015 at 23:06

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Nov 28, 2013 at 23:41

kravits88

13.1k1 gold badge53 silver badges54 bronze badges

Comments

Reigel Gallarde · Accepted Answer · 2013-04-16 08:54:13Z

3

$("#text").val(function(i,v) { 
   return v.replace(".", ":"); 
});

edited Apr 16, 2013 at 8:54

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

answered Apr 11, 2012 at 10:10

Andreas Louv

47.3k14 gold badges109 silver badges126 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2012-06-10 12:53:33Z

1

(9.61 + "").replace('.',':')

Or if your 9.61 is already a string:

"9.61".replace('.',':')

edited Jun 10, 2012 at 12:53

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Jan 27, 2010 at 10:20

YOU

124k34 gold badges192 silver badges222 bronze badges

Collectives™ on Stack Overflow

How do I do string replace in JavaScript to convert ‘9.61’ to ‘9:61’?

8 Answers 8

Replace all occurrences

6 Comments

1 Comment

1 Comment

14 Comments

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Replace all occurrences

6 Comments

1 Comment

1 Comment

14 Comments

1 Comment

Comments

Comments

Comments

Linked

Related