Javascript 用于下拉菜单的JQuery移动CSS

下面是一个JSFIDLE：

HTML:

CSS:

---

我想对上面的JSFIDLE做的是使.base选项下拉选择器完全隐藏在FIDLE的结果部分。此外，当我切换“母语”下拉列表并选择其他内容时，您可以看到“我想学习”下拉列表的选项不再为粗体。关于如何解决这个问题的任何想法。

因为CSS中没有办法选择父元素，所以必须使用javascript。 在这个更新的fiddle中，我刚刚找到了select with base选项，并将父元素（周围的div）也设置为display:none

$(".base-choice").parent().addClass("invisible");

---

由于CSS中无法选择父元素，所以必须使用javascript。 在这个更新的fiddle中，我刚刚找到了select with base选项，并将父元素（周围的div）也设置为display:none

$(".base-choice").parent().addClass("invisible");

---

由于CSS中无法选择父元素，所以必须使用javascript。 在这个更新的fiddle中，我刚刚找到了select with base选项，并将父元素（周围的div）也设置为display:none

$(".base-choice").parent().addClass("invisible");

---

由于CSS中无法选择父元素，所以必须使用javascript。 在这个更新的fiddle中，我刚刚找到了select with base选项，并将父元素（周围的div）也设置为display:none

$(".base-choice").parent().addClass("invisible");

---

这是一把更新过的小提琴

var$secondOption=$（'.base-choice>option'）.clone（）；
$（“.first choice”）.change（函数（）{
var userSelected=$（this.val（）；
$（'.second choice'）.html（$secondOption）；
$（'.second-choice选项[value=“”+userSelected+”）.remove（）
})；

#选择-3-按钮{
显示：无！重要；
填充：0！重要；
不透明度：0！重要！；
}
.first choice、.second choice{不透明度：.5；字体重量：正常；}

英语
西班牙的
母语
英语
西班牙的
我想学习
西班牙的

这是一把更新过的小提琴

var$secondOption=$（'.base-choice>option'）.clone（）；
$（“.first choice”）.change（函数（）{
var userSelected=$（this.val（）；
$（'.second choice'）.html（$secondOption）；
$（'.second-choice选项[value=“”+userSelected+”）.remove（）
})；

#选择-3-按钮{
显示：无！重要；
填充：0！重要；
不透明度：0！重要！；
}
.first choice、.second choice{不透明度：.5；字体重量：正常；}

英语
西班牙的
母语
英语
西班牙的
我想学习
西班牙的

这是一把更新过的小提琴

var$secondOption=$（'.base-choice>option'）.clone（）；
$（“.first choice”）.change（函数（）{
var userSelected=$（this.val（）；
$（'.second choice'）.html（$secondOption）；
$（'.second-choice选项[value=“”+userSelected+”）.remove（）
})；

#选择-3-按钮{
显示：无！重要；
填充：0！重要；
不透明度：0！重要！；
}
.first choice、.second choice{不透明度：.5；字体重量：正常；}

英语
西班牙的
母语
英语
西班牙的
我想学习
西班牙的

这是一把更新过的小提琴

var$secondOption=$（'.base-choice>option'）.clone（）；
$（“.first choice”）.change（函数（）{
var userSelected=$（this.val（）；
$（'.second choice'）.html（$secondOption）；
$（'.second-choice选项[value=“”+userSelected+”）.remove（）
})；

#选择-3-按钮{
显示：无！重要；
填充：0！重要；
不透明度：0！重要！；
}
.first choice、.second choice{不透明度：.5；字体重量：正常；}

英语
西班牙的
母语
英语
西班牙的
我想学习
西班牙的

注意！重要的是重要的：）当使用jquery mobileThanks Rachel！当JSFIDLE工作时，我仍然对在我的开发环境中删除下拉框时的#select-3-按钮有问题。有什么想法吗？在id为#select-3-按钮的div标记中围绕html工作。再次感谢！注意重要的是：）在使用jquery mobileThanks Rachel！时，当JSFIDLE工作时，我仍然对在我的开发环境中删除下拉框的#select-3-按钮有问题。关于为什么会这样做，有什么想法吗？在id为#select-3-按钮的div标记中围绕html工作。再次感谢！注意！重要tant很重要：）当使用jquery mobileThanks Rachel！当JSFIDLE工作时，我仍然对在我的开发环境中删除下拉框时的#select-3-按钮有问题。关于为什么会这样做，有什么想法吗？在id为#select-3-按钮的div标记中围绕html工作。再次感谢！注意！重要的是important:）当使用jquery mobileThanks Rachel！当JSFIDLE工作时，我仍然对在我的开发环境中删除下拉框的#select-3-button有问题。有什么想法吗？在id为#select-3-button的div标记中围绕html工作。再次感谢！