获取javascript中字符串之间的文本模式

Question

这是 HTML 文本

<select name="ctl00$ContentPlaceHolder1$ddlyear" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlyear\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlyear" class="page-heading" style="background-color: rgb(255, 244, 244); width: 95px; outline: 1px solid blue;">   
<option selected="selected" value="Select Year">Select Year</option> <option value="2000">2000</option>    
<option value="2001">2001</option>    
<option value="2002">2002</option>    
<option value="2003">2003</option>    
<option value="2004">2004</option>    
<option value="2005">2005</option>    
<option value="2006">2006</option>    
<option value="2007">2007</option>    
<option value="2008">2008</option>    
<option value="2009">2009</option>    
<option value="2010">2010</option>    
<option value="2011">2011</option>    
<option value="2012">2012</option>    
<option value="2013">2013</option>    
<option value="2014">2014</option>    
<option value="2015">2015</option>    
<option value="2016">2016</option>    
<option value="2017">2017</option>    
</select>

从这里我试图提取像 frm 2000 到 2017 这样的年份，所以为此我首先在字符串“”之间进行正则表达式模式匹配，然后从中获取所有数字但我的正则表达式出错了。

var regex = /<option selected(.*)</option>/;
var newtext = \"{{text}}\".replace(regex,'')

获得岁月的第一步就是失败。 有什么建议出错了吗？ 任何帮助将不胜感激。谢谢

Answer 1

直接查询select 元素并获取其option 值比使用纯HTML 更容易：

var yearsArray = [];

var options = document.getElementById('ctl00_ContentPlaceHolder1_ddlyear').options;

// i = 1, because we don't want the option[0], which is "Select Year"
for(var i = 1; i < options.length; i++) {
	yearsArray.push(options[i].value);
}

console.log(yearsArray);

<select name="ctl00$ContentPlaceHolder1$ddlyear" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlyear\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlyear" class="page-heading" style="background-color: rgb(255, 244, 244); width: 95px; outline: 1px solid blue;">
  <option selected="selected" value="Select Year">Select Year</option>
  <option value="2000">2000</option>
  <option value="2001">2001</option>
  <option value="2002">2002</option>
  <option value="2003">2003</option>
  <option value="2004">2004</option>
  <option value="2005">2005</option>
  <option value="2006">2006</option>
  <option value="2007">2007</option>
  <option value="2008">2008</option>
  <option value="2009">2009</option>
  <option value="2010">2010</option>
  <option value="2011">2011</option>
  <option value="2012">2012</option>
  <option value="2013">2013</option>
  <option value="2014">2014</option>
  <option value="2015">2015</option>
  <option value="2016">2016</option>
  <option value="2017">2017</option>
</select>