`
gyl868
  • 浏览: 170777 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery 绑定select标签的onchange事件

 
阅读更多
 <script src="jquery.min.js" type="text/javascript"></script>
 <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+"&param2="+p2+"";//页面跳转并传参
    })
 })
 </script>
 
 <select id="mySelect">
 <option value="1">one</option>
 <option value="2" selected="selected">two</option>
 <option value="3">three</option>
 </select>
 <input type="text" value="ooo" name="param2" id="param2"/>
分享到:
评论

相关推荐

    JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

    在本节内容中,我们将详细介绍如何使用JQuery来绑定一个下拉列表(select标签)的onchange事件。当用户从下拉列表中选择一个选项时,会触发此事件,从而弹出所选的值,并且页面会根据指定的参数进行跳转。在这个过程...

    用jquery获取select标签中选中的option值及文本的示例

    - 示例中的select标签中使用了onchange事件绑定到doSome()函数。当用户改变下拉列表中的选中项时,onchange事件被触发,随后执行doSome()函数。这允许我们在用户交互后立即获取选中项的信息。 6. HTML和JavaScript...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    对于 `easyui-textbox`,我们通过 `onchange` 属性直接绑定了一个名为 `handleTextboxChange` 的函数,该函数会弹出一个警告框显示当前输入框的值。对于 `easyui-combobox`,我们则使用 `data-options` 属性的 `...

    JQuery SELECT单选模拟jQuery.select.js

    4. **事件响应**: 插件能够响应select元素的onchange事件,从而允许开发者在选择变化时执行特定的JavaScript代码。 5. **动态宽度调整**: 插件能够根据原生select元素的宽度动态调整模拟下拉框的宽度,并提供默认值...

    JQuery插件searchSelect

    1. 确保select元素的id与jQuery选择器匹配,避免插件无法正确绑定。 2. 考虑到性能,尽量减少在大型数据集上使用searchSelect,因为实时过滤可能会带来一定的性能开销。 总的来说,searchSelect是一个实用的jQuery...

    解决layui中onchange失效以及form动态渲染失效的问题

    最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。 html &lt;select lay-filter=test&gt;&lt;/...

    基于jQuery的select下拉框选择触发事件实例分析

    jQuery为select元素的onchange事件提供了一种更简洁的绑定方式。示例如下: ```javascript $("#mySelect").change(function() { var selectedValue = $(this).val(); // 使用jQuery进行元素选择和值获取 }); ``` ...

    jQuery lou-multi-select-0.9.5 插件

    4. **事件监听**:插件支持多种事件,如`onOpen`(打开下拉框时触发)、`onClose`(关闭下拉框时触发)、`onChange`(选中项变化时触发)等,开发者可以通过绑定这些事件来实现特定功能。 5. **API接口**:插件提供...

    category:省市联动,无限极分类下拉选择插件

    无限极分类下拉选择插件,经历数个版本,最初使用的jquery bind函数绑定select标签onchange事件。 当前版本使用jquery delegate 方式进行事件处理,代码得到了大大的精简。 理论上支持所有类似 id,name,parendid ...

    jQuery-searchableSelect下拉框搜索插件

    4. **事件绑定**:利用jQuery的`on`方法,可以监听并处理插件提供的事件。例如: ```javascript $('#mySelect').on('searchableSelect:change', function() { var selectedOption = $(this).val(); console.log...

    jQuery/JS监听input输入框值变化实例

    同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...

    jquerycasecader一个jquery级联下拉组件

    - **事件绑定**:根据需要,可以绑定自定义事件,处理用户的交互行为。 ### 3. 示例代码 ```html &lt;select id="casecader"&gt; &lt;option value="category1"&gt;Category 1 &lt;!-- 更多选项... --&gt; &lt;/select&gt; ...

    jQuery select下拉框菜单选中插件.zip

    6. **事件监听**:开发者可以绑定各种事件,如onSelect、onChange等,以在用户操作下拉框时执行特定的函数,实现业务逻辑。 为了实现这些功能,插件会涉及到以下几个关键部分: - **index.html**:这是项目的主...

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    - 通过JavaScript的jQuery库,为省份下拉框添加一个onChange事件,该事件响应省份的选择变化。 - 当省份被选择时,调用setCity()函数。 - setCity()函数通过Ajax请求后端的setCity.do服务,并将选择的省份ID作为请求...

    基于jquery的网页SELECT下拉框美化代码

    某些美化方案可能会影响到SELECT控件的事件监听,导致ONCHANGE事件无法正常触发。为了解决这个问题,我们需要确保美化代码不干扰原生SELECT元素的事件处理。这可以通过将事件绑定到原生SELECT元素而非美化后的元素上...

    jQuery中change事件用法实例

    此外,在使用jQuery绑定事件时,有时也会遇到事件冒泡的问题,即事件从触发元素向上逐级传递到根元素。在大多数情况下,这并不是问题,但在某些复杂的交互中,可能需要利用事件对象的stopPropagation()方法来阻止...

    js获取select标签选中值的两种方式

    在JavaScript和jQuery中,获取`&lt;select&gt;`标签中选中选项的值是常见的操作,尤其在处理表单数据时。以下将详细介绍这两种方法,并提供一些相关的扩展知识。 ### JavaScript 获取选中值 #### 方法一:原生 ...

    jQuery多级分类菜单联动选择代码.zip

    2. 使用jQuery绑定`onChange`事件监听器,当用户在任一`&lt;select&gt;`中做出选择时,触发事件。 3. 在事件处理函数中,根据用户的选择动态生成或更新下一级菜单的选项。 4. 如果需要从服务器获取数据,可以通过Ajax发送...

    JS实现select选中option触发事件操作示例

    由于`&lt;option&gt;`元素本身不支持直接绑定事件,因此我们通常会在其父元素`&lt;select&gt;`上设置事件监听器,例如`onchange`事件,来捕获用户的选择变化。 在这个示例中,我们看到两种方法来实现这一目标:一种是纯...

Global site tag (gtag.js) - Google Analytics