当前位置: 58彩票app下载 > 关于计算机 > 正文

select下拉框下拉跳转代码,jquery取select值并实现

时间:2019-11-20 03:42来源:关于计算机
下拉跳转原理很简单那个利用了select的onchangeg事件,只要这里改换我们就获得select值间接location.href=this.value就能够。 拿到select值完结页面跳转大家会做二步,第一是获得选中的值然后再

下拉跳转原理很简单那个利用了select的onchangeg事件,只要这里改换我们就获得select值间接location.href=this.value就能够。

拿到select值完结页面跳转大家会做二步,第一是获得选中的值然后再传给跳转函数达成跳转就足以了,超多网址的交情连接便是如此落成的。

jQuery得到select选中的值

 代码如下

获取select选中的 value:

复制代码

$("#ddlRegType ").val();

<select name="dh" onchange="javascript:location.href=this.value;"> 
<option value="; 
<option value="; 
</select>

下边看个实例

例 代码如下 复制代码...

 代码如下

复制代码

<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#mySelect').change(function(){
//alert($(this).children('option:selected').val());
var p1=$(this).children('option:selected').val();//这就是selected的值
//var p2=$('#param2').val();//获取本页面别的标签的值
//window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参
window.location.href="{:U('webapp/Hospital/getHospitalBySearch')}&type="+p1+"";//页面跳转并传参 
})
})
</script>

<select id="mySelect"> 
  <option value="1" selected="selected">性质</option> 
  <option value="2">私立</option> 
  <option value="3">公立</option> 
</select>
<input id="param2" type="text" name="param2" value="提交" />

本来作者能够更简短了js select onchange比jquery还利于

方法一:

 代码如下

复制代码

<select   onchange="goUrl(this.options[this.selectedIndex]);"> 

<option>==</option> 

<option   value=''   target="_blank">111cn</option>   

<option   value=''   target="_self">hzhuti.com</option> 

</select> 

<script> 

function   goUrl(obj){ 

if(obj.target=='_blank')window.open(obj.value); 

if(obj.target=='_self')location.href=obj.value; 

</script>

方法二:

 

select页面跳转及获值  

 代码如下

复制代码

<select onchange="window.location.href=this.options[selectedIndex].value" >     <option value="" >谷歌</option>     <option value="" >雅虎</option>     <option value="" >百度</option> </select>

 

这里主要用到 :

1.window.location.href 跳转,假设想在新窗口中开荒,能够用 window.open(this.options[selectedIndex].value).

2.this.options[selectedIndex].value取值.

 注意:javascript是从严分裂轻重缓急写的!只可以写成selectedIndex.

...

编辑:关于计算机 本文来源:select下拉框下拉跳转代码,jquery取select值并实现

关键词: