Question

我有这样的选择

<select  name="category" >

  <option value="0" selected>Select a Manufacturer</option>
    <option value="10">Acer Technologies</option>
  <option value="2">Alcatel</option>
  <option value="14">Apple Iphone</option>
  <option value="4">Azumi</option>
  <option value="12">HTC Corporation</option>
  <option value="8">Huawei</option>
  <option value="5">LG Electronics</option>
  <option value="11">Motorola</option>
  <option value="9">Nokia Microsoft</option>
  <option value="1">Samsung</option>
  <option value="6">Sony Ericsson</option>
  <option value="3">Zhong Xing ZTE</option>
</select>

另一个选择HIDDEN就像这样

<select  name="manufacturer" >

  <option value="none" selected>Select a Manufacturer</option>
    <option value="Acer Technologies">Acer Technologies</option>
  <option value="Alcatel">Alcatel</option>
  <option value="Apple Iphone">Apple Iphone</option>
  <option value="Azumi">Azumi</option>
  <option value="HTC Corporation">HTC Corporation</option>
  <option value="Huawei">Huawei</option>
  <option value="LG Electronics">LG Electronics</option>
  <option value="Motorola">Motorola</option>
  <option value="Nokia Microsoft">Nokia Microsoft</option>
  <option value="Samsung">Samsung</option>
  <option value="Sony Ericsson">Sony Ericsson</option>
  <option value="Zhong Xing ZTE">Zhong Xing ZTE</option>
</select>

两个选项的值几乎相同，第一个是将制造商保存为类别，第二个是保存制造商名称

第一个是可见的，而第二个是隐藏的（显示：无）

我需要的是：

如果用户选择一个例如

<option value="2">Alcatel</option>

隐藏显示：无选择必须自动选择

<option value="Alcatel">Alcatel</option>

有什么办法吗？

我已经让Jquery在网站上运行其他功能

由于

Answer 1

使用change功能：

$( "select[name='category']" ).change(function(e) {
     $( "select[name='manufacturer']" ).val( $(this).find( "option:selected" ).text() );
});

但如果category选项中的选项文字与manufacturer选项中的选项值不匹配，则代码将无效。

选择更改将更改另一个选择html javascript或jquery

1 个答案: