多个select标签需要被同一个JS函数调用,怎么知道选中的是哪一个select标签??

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了多个select标签需要被同一个JS函数调用,怎么知道选中的是哪一个select标签??相关的知识,希望对你有一定的参考价值。

如果一个html页面里有多个select标签当点击JS事件时如何区分点击的是哪个select标签

看样子你对js不是很很熟练啊,连最基本的this你都不会用啊。
只需把现有的select上的onchange="change()"修改成:
onchange="onchange(this)";//把当前dom的对象引用传给方法。
onchange改成如下声明:
function change(obj)
// var res=document.getElementById('s1').value;//这一句修改成如下:

var res = obj.value;//把你的select中的option都加上value属性。如下:

<option value='text'></option>

.....................................


如果还想取select的id值。有两种方法:
var selectId = obj.id;
或者var selectId = obj.getAttribute('id');追问

是的,我的确不太熟悉JS,但是我想学学,谢谢你的解答

参考技术A 看你定义了不同的ID,可以取他们的ID区别
$("select").click(function()
alert("选中的下拉框ID为:"+$(this).attr("id"));

);追问

类似这样写?

$("select").click(function()
alert("选中的下拉框ID为:"+$(this).attr("s1"));
);
请问这样是取出它的id的值吗?如果我想取select的选中值呢?而且我这样去不到select的id?

追答

你那样当然取不到 id ,$(this).attr("id"));这样才能取到id,你要取选中的值的话,这样

$("select option").click(function()
alert($(this).val());
);

参考技术B onchange="change($(this))"

var change = function(dom)
dom.val()

追问

请问是怎么取select里的值呢?我这样alert()不出任何东西。
var change = function(dom)
alert(dom.val());

追答

你的option写了value属性么???没有的话就没有,我只是给个例子,引水作用,你自己应该知道怎么写了,采纳即可

怎么在js中获得select标签被选中的值

JS 控制select选中项,代码如下:

<html>
<script type="text/javascript">
var selectedValue = \'<%= request.getAttribute("line")%>\';

function changeSelected()
jsSelectItemByValue(document.getElementById("mySelect"),selectedValue);


function jsSelectItemByValue(objSelect,objItemText)
for(var i=0;i<objSelect.options.length;i++)
if(objSelect.options[i].value == objItemText)
objSelect.options[i].selected = true;
break;



</script>

<body onload="changeSelected()">
<select id="mySelect" name="mySelect">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
</html>
参考技术A $("select option:checked").val();//获取选择值
$("select option:checked").text();//获取选择文本值

以上是关于多个select标签需要被同一个JS函数调用,怎么知道选中的是哪一个select标签??的主要内容,如果未能解决你的问题,请参考以下文章

用JS怎么给select标签设置动态的默认值

JS中如何在函数内部访问调用本函数的元素

怎么能使页面加载时就调用JS函数

JavaScript要怎么判断select标签选中,当查询完后还是显示选中条件

js怎么调用LRC歌词文件,在线等

怎么在jsp页面中调用js文件中的函数