Messed up Regex in Javascript

Question

I'm trying to get this:

<select name="id" onchange="window.location=('viewforum.php?id='+this.options[this.selectedIndex].value)">
    <optgroup label="Test category">
        <option value="2">New forum</option>
        <option value="3" selected="selected">New forum</option>
        <option value="4">New forum</option>
        <option value="5">New forum</option>
        <option value="1">Test forum</option>
    </optgroup>
</select>

from this:

<div>
    <label>
        <span>Jump to<br></span>
        <select name="id" onchange="window.location=('viewforum.php?id='+this.options[this.selectedIndex].value)">
            <optgroup label="Test category">
                <option value="2">New forum</option>
                <option value="3" selected="selected">New forum</option>
                <option value="4">New forum</option>
                <option value="5">New forum</option>
                <option value="1">Test forum</option>
            </optgroup>
        </select>
        <input type="submit" value=" Go " accesskey="g">
    </label>
</div>

And my Regex which is this:

qJumpHTML.replace(/.*\<select|\<\/select*/gi,'');

is giving me this:

<div>
    <label>
        <span>Jump to<br></span>
            name="id" onchange="window.location=('viewforum.php?id='+this.options[this.selectedIndex].value)">
        <optgroup label="Test category">
            <option value="2">New forum</option>
            <option value="3" selected="selected">New forum</option>
            <option value="4">New forum</option>
            <option value="5">New forum</option>
            <option value="1">Test forum</option>
        </optgroup>
        >
        <input type="submit" value=" Go " accesskey="g">
    </label>
</div>

So, what do I need to change in my Regex to allow me to get the string I want? from said string?

Can you simplify the example? It is hard to understand what is your problem with so much code... — nsx, Jan 08 '14 at 23:46
There's only one line of actual code. All that HTML is just a string. The line to look at is the Regex. I'm basically trying to get all of the string between the — CyanPrime, Jan 08 '14 at 23:49
Simplifying the example is still good advice, for your programming in general, when things aren't working out at first — Dexygen, Jan 08 '14 at 23:53
Would it make more sense to manifest the string into DOM and retrieve the — Swivel, Jan 08 '14 at 23:53

score 4 · Accepted Answer · edited May 23 '17 at 11:56

4

Try this:

var d = document.createElement('div');
d.innerHTML = qJumpHTML;
var result = d.getElementsByTagName('select')[0].outerHTML;

THE PONY HE COMES and you have absolutely NO excuse since you're working in JavaScript!

edited May 23 '17 at 11:56

Community

1
1

answered Jan 08 '14 at 23:52

Niet the Dark Absol

320,036
81
464
592

THANK YOU. Beat me to the punch. – Swivel Jan 08 '14 at 23:54

Vasili Syrakis · Answer 2 · 2014-01-09T00:14:10.670

1

/(<select[^>]*>.*?</select>)/gs

edited Jan 09 '14 at 00:14

answered Jan 08 '14 at 23:55

Vasili Syrakis

9,321
1
39
56

How well is `` going to parse? – Palpatim Jan 09 '14 at 00:00
It's fine, see the "Grabbing HTML Tags" example here: http://www.regular-expressions.info/examples.html – Sly_cardinal Jan 09 '14 at 00:03
I think `/s` flag (dot matches all) would be needed here. So flags would be `/gs` – Bryan Elliott Jan 09 '14 at 00:13
@MElliott, yes! Thank you :) I always forget which flags I need and where to put the darn things... – Vasili Syrakis Jan 09 '14 at 00:14
@Vasili Syrakis, Yes your pattern matches and would work per the question. :) – Bryan Elliott Jan 09 '14 at 00:18

Palpatim · Answer 3 · 2014-01-08T23:59:06.260

0

Try

qJumpHTML.replace(/.*(<select.*?<\/select>).*/gi,'$1');

edited Jan 08 '14 at 23:59

answered Jan 08 '14 at 23:49

Palpatim

9,074
35
43

Thank you for trying, but that just gave me the full string. – CyanPrime Jan 08 '14 at 23:51
This works if you use `'$1'` instead of `'\1'`. I think we're generally encouraged to use `$1` instead of `\1` for replace strings (the regex itself is another matter). Although I'm surprised Palpatim's answer failed in this particular way. – David Knipe Jan 08 '14 at 23:56

Messed up Regex in Javascript

3 Answers3