使用div模拟的select，那要怎么传值呢？？？
默认是这样的

<form name="form1" method="post" action="findinfo.asp"> 

			关键字：<input name="content" type="text" id="content" size="20">

			条件：<select name="type">

			<option value="招聘信息" selected>-招聘信息-</option>

			<option value="求职信息">-求职信息-</option>

			<option value="培训信息">-培训信息-</option>

			<option value="家教信息">-家教信息-</option>

			<option value="房屋信息">-房屋信息-</option>

			<option value="车辆信息">-车辆信息-</option>

			<option value="求购信息">-求购信息-</option>

			<option value="出售信息">-出售信息-</option>

			<option value="招商引资">-招商引资-</option>

			<option value="公寓信息">-公寓信息-</option>

			<option value="寻人/物启示">-寻人/物启示-</option>

			</select>

			<input type="submit" name="search" id="search" onClick="return chkinput(form)" value="检索">

			</form>

但是修改后成了这样的

<div id="ydQuery" class="youdao-search">

	<form id="ydForm" method="post" action="">

		<div class="youdao-search-select dom-display">

			<span class="search-select-name">招聘信息</span>

			<em class="search-select-arr"></em>

			<ul class="search-select-list normal">

				<li><a href="javascript:void(0);">招聘信息</a></li>

				<li><a href="javascript:void(0);">求职信息</a></li>

				<li><a href="javascript:void(0);">培训信息</a></li>

				<li><a href="javascript:void(0);">家教信息</a></li>

				<li><a href="javascript:void(0);">房屋信息</a></li>

				<li><a href="javascript:void(0);">车辆信息</a></li>

				<li><a href="javascript:void(0);">求购信息</a></li>

				<li><a href="javascript:void(0);">出售信息</a></li>

				<li><a href="javascript:void(0);">招商引资</a></li>

				<li><a href="javascript:void(0);">公寓信息</a></li>

				<li><a href="javascript:void(0);">寻人/物启示</a></li>

			</ul>

		</div>

		<div class="youdao-search-bg">

			<input type="text" value="请输入搜索内容" id="query"  class="youdao-search-input" name="q">

		</div>

		<button type="submit" class="youdao-search-submit" id="ydSubmit">搜 索</button>

	</form>

</div>

这样的情况下要怎么接受传过来的值？？