<center>
<h3> A </h3>
<h4> vs </h4>
<h3> B </h3>
<h4> 60 - 70 </h4>
</center>
<div class="12u$">
<div class="select-wrapper">
<select name="teamA" id="A" style="max-width:30%;">
<option value="">- TeamA -</option>
<option value="1">Kansas</option>
<option value="1">Oklahoma</option>
<option value="1">Texas</option>
<option value="1">Notre Dame</option>
</select>
</div>
</div>
<div class="12u$">
<div class="select-wrapper">
<select name="teamB" id="B" style="max-width:30%;">
<option value="">- TeamB -</option>
<option value="1">Kansas</option>
<option value="1">Oklahoma</option>
<option value="1">Texas</option>
<option value="1">Notre Dame</option>
</select>
</div>
</div>
<script>
$("select")
.change(function() {
var str = "Team A";
$("select option:selected").each(function() {
str = $(this).text() + " ";
});
$("h3").text(str);
})
.change();
</script>
这适用于一个选择器,但我如何制作另一个脚本来更改单独的选择器。
最佳答案
您可以使用您选择的 ID,(顺便说一句,id A 和 B 有点……短……)
$("#A").change();
$("#B").change();
或者检查选择的 ID 是什么:
$("select").change(function(){
if(this.id == "A")
{
// Its the first one that changed
}
else if(this.id == "B")
{
// Its the second one that changed
}
});
关于javascript - 如何使用 jquery .change() 在 html 中进行多项选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35935231/