Question

我有两个名为“A”和“B”的下拉列表选项我想检测选择“A”的变化，并且在选择更改时，选择“B”将变为值“1”（假设“B”的父div为“代理”）

使用jquery 我不知道所有人都会使用jquery，请建议回答tq

<div id="Person"><option value="1">1<option><option value="2">2<option></div>
<div id="Agent"><option value="1">1<option><option value="2">2<option></div>

Answer 1

option元素必须是select的后代，因此请将您的标记更改为

<select id="Person">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<select id="Agent">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

然后使用change event handler和.val()重置#Agent

的值

jQuery(function ($) {
    $('#Person').change(function () {
        $('#Agent').val(1)
    })
});

演示：Fiddle

Answer 2

下拉列表选择有一个onchange功能。您可以使用此属性调用函数。

    <select id="a" onchange="changeB">
     </select>

我正在通过手机接听电话，因此我无法为您提供演示。谷歌关于onchange，你将能够解决你的问题

Answer 3

select元素中有一个onchange事件。

在A的onchange事件处理程序中，更改B的选项选择属性。

<select id="A">
  <option>A</option>
  <option>B</option>
</select>
<select id="B">
  <option>0</option>
  <option>1</option>
</select>

$('#A').change(function() {
  // Get selected item in A
  var index = $(this).find("option:selected").index();

  // Set the corresponding item in B
  $("#B option").get(index).selected = true;
});

Sample

JQuery检测下拉选择更改和后续要调用的函数

3 个答案: