How to retrive the value before colon in below program

Question

This is my select tag in HTML I am retriving the value as shown below

Could anybody please tell me how can retrieve the value before Colon (:) for instance if it is 200:Java programming language I need only 200 as value

<select name = "book" id="selSeaShells">
  <option></option>
  <option value = "100:C programming language">C programming language</option>
  <option value = "200:Java programming language">Java programming language</option>
</select>

function myFunction() {
    var quantityvalue = document.getElementById("quan").value;
    var selObj = document.getElementById('selSeaShells');
    var optionselectedvalue;
    var optionselectedtext;

    for (i = 0; i < selObj.options.length; i++) {
        if (selObj.options[i].selected) {
            optionselectedvalue = selObj.options[i].value;
        }
    }
}

Perhaps you may like to use [data-attributes](http://stackoverflow.com/questions/4564659/adding-additional-data-to-select-options-using-jquery). — cr0, Jul 09 '13 at 21:20

score 2 · Accepted Answer · answered Jul 09 '13 at 21:17

2

In your example, you can do

optionselectedvalue.split(':')[0]

A demo here

answered Jul 09 '13 at 21:17

karthikr

97,368
26
197
188

score 1 · Answer 2 · edited Jul 09 '13 at 22:23

1

You can grab the value from it using either jquery or regular javascript commands.

Then with the value use the split function use this code on the String value .split(":") it returns an array you will want the first index so the total code to put on the string is .split(":")[0].

If you want it as a number use the parseInt or parseFloat function on the result.

edited Jul 09 '13 at 22:23

Ashwini Chaudhary

244,495
58
464
504

answered Jul 09 '13 at 21:19

Legion

796
7
12

score 1 · Answer 3 · answered Jul 09 '13 at 21:34

Credit to Karthikr. That is a good answer I want to add that you can get rid of that for loop and increase the performance of your code by using selectedIndex.

var optionselectedvalue = selObj.options[selObj.selectedIndex].value;

Here is a jsbin demonstrating it (Karthikr's answer is also in the bin)

How to retrive the value before colon in below program

3 Answers3