解析 HTML 文本然后遍历 select 选项的文本和值

Question

我试图在 select 元素中关联（值->文本）一组选项。我在下面的实现中遇到的问题是 selected 值没有与正确的文本相关联：

$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";
}

输出：

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

我知道一定是因为第一个值是空的，我宁愿让它保持干净，也不做太多逻辑来以正确的方式关联它们。我想还有另一种更直接的方法。

注意：我无法通过 class 获取 select 因为有很多 select 具有相同的 class 并且不确定它们在 [= 中的位置25=].

Answer 1

不确定您是否能够执行此操作，但您也可以这样做：

<?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;

Answer 2

很难预测 2 个单独的 XPath 查询的行为。在 1 个 XPath 查询中循环上层，然后通过循环访问属性/文本内容更容易。

<?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";
}

解析 HTML 文本然后遍历 select 选项的文本和值

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

php

html

xpath

domdocument