title: Failed to execute 'querySelector' on 'Document': '#traveller[36350015][date_of_birth(3i)]' is not a valid selector
body: <p>I am using puppeteer and facing error </p>
  
  <blockquote>
    <p>Failed to execute 'querySelector' on 'Document': '#traveller[36350015][date_of_birth(3i)]' is not a valid selector</p>
  </blockquote>
  
  <p>when selecting the age from dropdown. The Html code is here </p>
  
  <pre><code>&lt;select id="traveller[36350015][date_of_birth(3i)]" name="traveller[36350015][date_of_birth(3i)]"&gt;&lt;option value="0" selected="selected"&gt;...&lt;/option&gt;
      &lt;option value="1"&gt;1&lt;/option&gt;
      &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
      &lt;option value="4"&gt;4&lt;/option&gt;
      &lt;option value="5"&gt;5&lt;/option&gt;
      &lt;option value="6"&gt;6&lt;/option&gt;
      &lt;option value="7"&gt;7&lt;/option&gt;
      &lt;option value="8"&gt;8&lt;/option&gt;
      &lt;option value="9"&gt;9&lt;/option&gt;
      &lt;option value="10"&gt;10&lt;/option&gt;
      &lt;option value="11"&gt;11&lt;/option&gt;
      &lt;option value="12"&gt;12&lt;/option&gt;
      &lt;option value="13"&gt;13&lt;/option&gt;
      &lt;option value="14"&gt;14&lt;/option&gt;
      &lt;option value="15"&gt;15&lt;/option&gt;
      &lt;option value="16"&gt;16&lt;/option&gt;
      &lt;option value="17"&gt;17&lt;/option&gt;
      &lt;option value="18"&gt;18&lt;/option&gt;
      &lt;option value="19"&gt;19&lt;/option&gt;
      &lt;option value="20"&gt;20&lt;/option&gt;
      &lt;option value="21"&gt;21&lt;/option&gt;
      &lt;option value="22"&gt;22&lt;/option&gt;
      &lt;option value="23"&gt;23&lt;/option&gt;
      &lt;option value="24"&gt;24&lt;/option&gt;
      &lt;option value="25"&gt;25&lt;/option&gt;
      &lt;option value="26"&gt;26&lt;/option&gt;
      &lt;option value="27"&gt;27&lt;/option&gt;
      &lt;option value="28"&gt;28&lt;/option&gt;
      &lt;option value="29"&gt;29&lt;/option&gt;
      &lt;option value="30"&gt;30&lt;/option&gt;
      &lt;option value="31"&gt;31&lt;/option&gt;
  &lt;/select&gt;`
  </code></pre>
  
  <p>i have tried following but same error each time </p>
  
  <pre><code>await page.select("#traveller[36350015][date_of_birth(3i)]", `${day}`);
  
  await page.evaluate((day) =&gt; {
      {
  
          document.querySelector('#traveller*&gt; option:nth-child(1)').selected = true;
      }
  }, day);
  </code></pre>
  
  <p>I guess there is something wrong with the id.</p>