Javascript获取select下拉框选中的的值 并用 ？传递参数

提交参数的页面：

<script type="text/javascript">
	function jump()
	{
		var obj=document.getElementById("option");
		var index=obj.selectedIndex;
		var value=obj.options[index].value;
		var str=document.getElementById("inputtext").value;
		if(value==1)
			window.location.href="searchbookn.jsp?str="+str;
		else
			window.location.href="searchauthor.jsp?str="+str;	
		
	}
</script>

<!--search -->
		<div class="search">
			<select id="option" name="option" class="select">
				<option value="1">按书名搜</option>
				<option value="2">按作者搜</option>
			</select>
			 <input id="inputtext" class="input" type="text" title="searchs"
				name="input" />
		<!--	<button type="submit" class="button1" οnclick="jump()"/></button> -->
			<input type="button"  class="button1" onClick="jump()"/>
		</div>

获取参数的页面：

<%
	String str=new String(request.getParameter("str"));	
	out.println(str);
%>

http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html

现在有一id=test的下拉框，怎么拿到选中的那个值呢？

分别使用javascript原生的方法和jquery方法

<select id="test"  name="">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

code:

一：javascript原生的方法

  1:拿到select对象： var  myselect=document.getElementById("test");

  2：拿到选中项的索引：var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index

  3:拿到选中项options的value：  myselect.options[index].value;

  4:拿到选中项options的text：  myselect.options[index].text;

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected");  //获取选中的项

2:alert(options.val());   //拿到选中项的值

3:alert(options.text());   //拿到选中项的文本

just think and do it