How to add white space(s) to the option text?

Dev Shed Forums Sponsor:

February 23rd, 2013, 11:18 AM

otnj2ee

Contributing User

Join Date: Nov 2005

Posts: 46

Time spent in forums: 10 h 41 m 8 sec
Reputation Power: 8

How to add white space(s) to the option text?

Code:

<select id="sel">
<option value=""></option>
</select>

<script>
var text ="abc xyz";
var value ="val";
var contrlObj = document.getElementById("sel");
var newOpt = new Option(text,value);
contrlObj.options[0] = newOpt;

</script>

No matter how many spaces I inserted, it always displayed as: abc xyz.

What I intend to to is to display it as abc xyz with multiple white spaces. I tried abc  xyz, and it displayed as abc  xyz.

How can I do it?

Thanks to help.

February 23rd, 2013, 10:02 PM

web_loone08

Contributing User

Join Date: Aug 2008

Posts: 605

Time spent in forums: 1 Week 1 Day 15 h 33 m 50 sec
Reputation Power: 69

You have to replace the white-space with the escape version of a non-breaking space. Then you have to unescape it, before displaying it in your option tag(s). And that... my friend, will look a little something like this:

Code:

<select id="sel">
<option value=""></option>
</select>

<script>
var text ="abc           xyz";
text = text.replace(/ /g,"%A0");
var value ="val";
var contrlObj = document.getElementById("sel");
var newOpt = new Option(unescape(text),value);
contrlObj.options[0] = newOpt;
</script>

Last edited by web_loone08 : February 23rd, 2013 at 10:29 PM.

Viewing: Dev Shed Forums > Web Design > JavaScript Development > How to add white space(s) to the option text?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump