网页元素定位操作问题

在公司的内网网页上用chrome浏览器做一些调试，主要是为了自己pathyon写一些代码自动抓取或者下载公司的资料和报表。
本人文科出身，刚自学半年，遇到网页上的一些困惑，想请教下
网页的样子是这样

img


源代码是这样

<select class="selectbox" id="piReportType" name="piReportType" style="height:20px;width:200px">
    <option value="2;null;rpt001;1.租机优惠统计_按201405口径">1.租机优惠统计_按201405口径option>
    <option value="4;null;rpt002;2.租机优惠清单_按201405口径">2.租机优惠清单_按201405口径option>
    <option value="2;null;rpt003;3.政企租机优惠统计_按201405口径">3.政企租机优惠统计_按201405口径option>
    <option value="4;null;rpt004;4.政企租机优惠清单_按201405口径">4.政企租机优惠清单_按201405口径option>
    <option value="2;null;rpt005;5.翼支付橙分期机补统计" selected="selected">5.翼支付橙分期机补统计option>
    <option value="2;null;rpt006;6.优惠类型汇总">6.优惠类型汇总option>
    <option value="2;null;rpt009;9.红包智能机工号统计">9.红包智能机工号统计option>
    <option value="4;null;rpt010;10.串号核销清单表">10.串号核销清单表option>
select>

我是想用过定位的方式click() 然后弹出列表，然后定位列表来选择 具体的选项
方法1选择定位 下拉框，document.getElementById('piReportType').click() 。 定位是绝对正确的，但是click() 没反应，下拉框没弹出来。失败

后来换了一个思路，
方法2 document.getElementById('piReportType').value=''4;null;rpt002;2.租机优惠清单_按201405口径 " 反而有效

但是显而易见，方法2比较粗糙，因为公司的内网网站比较老，正好有用，但现在的大多数网站可能都无效。 本人也搞不清楚AJAX,jquery等网页技术。
哪位专家可以解释下，如何能让方法1类似的思路生效？

别用select，用input + ul li模拟下拉框实现吧，控制ui元素的显示和隐藏

select 自动 弹出来 。没有好的办法 。至少我找了一下，没找到。 如果你只是 想 获取 列表 东西 。那 可以直接 获取 options 元素 ，然后 循环 就能取到值