添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接




JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)




<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+"¶m2="+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"/>


<select class="selector"></select>

1、设置value为pxx的项选中

$(".selector").val("pxx");

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text

$(".selector").find("option:selected").text();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。


$(".selector1").change(function(){
 // 先清空第二个
  $(".selector2").empty();
 // 实际的应用中,这里的option一般都是用循环生成多个了
  var option = $("<option>").val(1).text("pxx");
  $(".selector2").append(option);
                            
maven json 工具
Maven的该软件包的功能包含在Java包中com.fasterxml.jackson.databind,可以使用以下Maven依赖项来使用:< properties > <! -尽可能使用最新版本。- > < jackson .version> 2.9.7 </ jackson .version> 2.2025-04-05:哈希分割字符串。用go语言,给定一个长度为 n 的字符串 s 和一个整数 k,其中 n 是 k 的倍数。我们的任务是把字符串 s 转换为一个长度为 n / k 的新字符串 res 3.大数据分析:洞察未来 4.基于yolov11的作物与杂草检测系统python源码+onnx模型+评估指标曲线+精美GUI界面 5.配置管理小组职责