将文本内容添加到第一个选项，然后应用 css 样式

【问题标题】：add text content to very first option then apply css style将文本内容添加到第一个选项，然后应用 css 样式
【发布时间】：2016-07-17 19:49:07
【问题描述】：

我正在为 Magento 定制一个零件查找器扩展，以下是我目前拥有的代码：

<ul class="amfinder-toggle">
  <?php foreach ($this->getFinder()->getDropdowns() as $dropdown): ?>
  <li>
    <div class="dropdown-element amshopby-clearer">
      <select <?php echo $this->getDropdownAttributes($dropdown)?>">

      
        <option>                        
          Select <?php echo $this->__($this->htmlEscape($dropdown->getName())) ?>
        </option> 
          <?php foreach($this->getDropdownValues($dropdown) as $v): ?>
        <option value="<?php echo $v['value'] ?>"<?php if ($v['selected']):?>selected="selected"<?php endif ?>>
          <?php echo $this->htmlEscape($v['label']) ?>
        </option>
        <?php endforeach ?>

    
       </select>
    </div>
  </li>
  <?php endforeach ?>
<ul>

HTML 输出：

<ul class="amfinder-toggle">
    <li>
		<div class="dropdown-element amshopby-clearer">
			<select name="finder[56]" id="finder-3--56" "="">
				
				<option>Select Year</option> 
				<option value="0">Please Select ... </option>
				
				<option value="13">1989</option>
				<option value="18">1990</option>
				<option value="19">1991</option>
				<option value="20">1992</option>
				
				
			</select>
		</div>
    </li>
    <li>
		<div class="dropdown-element amshopby-clearer">
			<select name="finder[57]" id="finder-3--57" disabled="disabled" "="">
				<option>Select Make</option> 
			</select>
		</div>
    </li>
	<li>
		<div class="dropdown-element amshopby-clearer">
			<select name="finder[58]" id="finder-3--58" disabled="disabled" "="">	
				<option>Select Model</option> 
			</select>
		</div>
	</li>
                    
</ul>

我有 3 个 <li> 和 <select>。设计是让观众按顺序选择下拉过滤器；因此我们需要将数字 1,2 和 3 添加到 3 <select> 内的第一个选项中，如下图所示。

我了解到我们无法通过 CSS 做到这一点。 我们如何在 Javascript 中将数字 1,2 和 3 分别添加到每个 <select> 中？

【问题讨论】：

• 请在此处添加您的 html 输出！不是PHP。在浏览器中创建一个检查元素并复制呈现的 html。还有你的 CSS！
• 最后一张图片有用吗？
• 不，我的意思是复制那个 html 并粘贴到这里！而不是你的php代码。我想看看你的真实输出，当你运行 snipped 时，看看你的 html 就像包含的第一张图片一样。
• 你看过这个：developer.mozilla.org/en/docs/Web/CSS/:first-child 吗？
• 您需要所有
• 内容还是只需要其中之一？