选择html5选择（jquery）中的选项

我想制作一个非常简单的jquery插件，但我的代码只适用于Firefox浏览器。如何在其他浏览器中编写此代码，以便在google chrome、opera和其他浏览器中工作

如果我选择

option value='business'

，删除

.address--company

中的

is--hidden

类，但如果我选择

option value='private'

，则将

is--hidden

添加到

地址--company

类中

HTML:

---

您的代码中有几个问题：

您主要需要分配一个

change

事件，以侦听

select

下拉列表中的选项更改，使其按预期工作

您的jQuery选择器也不正确

您可以根据值

private

和

business

分配类和删除类

由于只有两个

选项

，因此您可以使用简单的

if-else

来实现此目的

此外，添加

.trigger（'change'）

以根据所选默认值相应地更改类

$（'select[name=“address[address][additional][customer\u type]”）。更改（函数（）{
if（$（this）.val（）=='private'）{
$（'.address--company'）.addClass（'is--hidden'）；
}否则{
$（'.address--company'）.removeClass（'is--hidden'）；
}
}).触发（“变更”）
。是隐藏的{
颜色：红色；
}

克利特·因迪瓦尼
菲尔马
………
@JsStorm2使用
.trigger（'change'）
。我还更新了上述答案中的描述和代码。检查一下
<div class="address--customertype">
  <div class="select-field">
    <select name="address[additional][customer_type]" required="required" aria-required="true" class="is--required">
      <option value="private" selected="selected">Klient indywidualny</option>
      <option value="business">Firma</option>
    </select>
  </div>
</div>
<div class="address--company is--hidden">...</div>

$('select[name="address[additional][customer_type]"] option[value="business"]').click(function() {
  if ($('.address--company').hasClass('is--hidden')) {
    $('.address--company').removeClass('is--hidden');
  }
});