Parse HTML text then loop through select options' text and value

Question

I'm trying to associate (value->text) a group of options in a select element. My problem with the implementation below is that the selected value doesn't get associated with right text:

$html = '<select class="general class" 
    data-url="/foo/bar/">
    <option value=""></option>
    <option Selected value="Bar 1">Foo 1</option>
    <option  value="Bar 2">Foo 2</option>
    <option  value="Bar 3">Foo 3</option>
    <option  value="Bar 4">Foo 4</option>
    <option  value="Bar 5">Foo 5</option>
    <option  value="Bar 6">Foo 6</option>
    <option  value="Bar 7">Foo 7</option>
</select>';

$dom = new \DomDocument('1.0', 'UTF-8');
libxml_use_internal_errors(true);   
$dom->loadHTML($html);

$xp = new \DOMXpath($dom);
$opts_txt = $xp->query('//select[@data-url="/foo/bar/"]/option/text()');
$opts_vals = $xp->query('//select[@data-url="/foo/bar/"]/option/@value');

foreach ($opts_txt as $key => $opt) {
    echo $opt->nodeValue. "\n";
    echo $opts_vals->item($key)->nodeValue. "\n\n";
}

Output:

Foo 1


Foo 2
Bar 1

Foo 3
Bar 2

Foo 4
Bar 3

Foo 5
Bar 4

Foo 6
Bar 5

Foo 7
Bar 6

DEMONSTRATION

I know must be because the first value is empty, and I rather leave this clean and not do much logic for associate them the right way. I imagine there's another and more direct way.

Note: I can't grab the select by class because there are many selects with same class and not sure about their position in HTML.

Koala Yeung · Accepted Answer · 2019-09-27 02:25:20Z

2

It's hard to predict the behaviour of 2 separate XPath query. It's easier to loop the upper level in 1 XPath query, then access the attribute / text content with the loop.

<?php

$html = '<select class="general class" 
    data-url="/foo/bar/">
    <option value=""></option>
    <option Selected value="Bar 1">Foo 1</option>
    <option  value="Bar 2">Foo 2</option>
    <option  value="Bar 3">Foo 3</option>
    <option  value="Bar 4">Foo 4</option>
    <option  value="Bar 5">Foo 5</option>
    <option  value="Bar 6">Foo 6</option>
    <option  value="Bar 7">Foo 7</option>
</select>';

$dom = new \DomDocument('1.0', 'UTF-8');
libxml_use_internal_errors(true);   
$dom->loadHTML($html);

$xp = new \DOMXpath($dom);

$xp->query('//select[@data-url="/foo/bar/"]/option');
foreach ($opts as $opt) {
  var_dump($opt->getAttribute('value'));
  var_dump($opt->textContent);
  echo "\n";
}

edited Sep 27, 2019 at 2:25

answered Sep 26, 2019 at 12:43

Koala Yeung

8,0284 gold badges35 silver badges58 bronze badges

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

Comments

Thrallix · Accepted Answer · 2019-09-26 10:42:41Z

0

Not sure if you are able to perform this, but you could also do this:

<?php

$values = [
    '' => '',
    'Bar 1' => 'Foo 1',
    'Bar 2' => 'Bar 2',
    'Bar 3' => 'Bar 3'
];

$html = '';
$html .= '<select class="general class" data-url="/foo/bar/">';
foreach($values as $key => $value) {
    $selected = ($key == 'Bar 1') ? 'selected' : '';
    $html .= '<option value="'.$value.'" '.$selected.'>'.$key.'</option>';
}
$html .= '</select>';

echo $html;

answered Sep 26, 2019 at 10:42

Thrallix

7315 silver badges21 bronze badges

1 Comment

Hula Hula Over a year ago

No, you did this the opposite way, I begin with the html and as a result I would like to have what you called $values.

Collectives™ on Stack Overflow

Parse HTML text then loop through select options' text and value

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related