Question

我希望有人可以帮我弄清楚为什么这不起作用。我正在尝试选择存储在2个单独的选择输入中的仓库或推销员，当您单击一个输入时，另一个输入将禁用。

链接是将选择重置为启用，因为除了＆＃34;伪造＆＃34;之外我无法弄清楚如何做到这一点。 CSS使其看起来禁用。非常感谢任何帮助/解释。我道歉非常粗暴，我正在学习。

Codepen具体 - http://codepen.io/BrandonSM/pen/bdjjrZ/

的jQuery

HTML

    <select id="select_warehouse">
      <option value="chicago">Chicago</option>
      <option value="toronto">Toronto</option>
      <option value="fort-wayne">Fort Wayne</option>
    </select> <a href="#" id="#link_warehouse">CHOOSE WAREHOUSE</a>
    <br><br>or<br><br>
     <select id="select_salesman">
      <option value="james">James</option>
      <option value="chris">Chris</option>
      <option value="shawn">Shawn</option>
    </select> <a href="#" id="#link_salesman">CHOOSE SALESMAN</a>`

jQuery代码：

    $("#select_salesman").click(function(e) {
      e.preventDefault();
      $("#select_warehouse").prop('disabled', true);
    });


    $("#link_warehouse").click(function(e) {
      e.preventDefault();
      $("#select_warehouse").prop('disabled', false);
    });

    $("#select_warehouse").click(function(e) {
      e.preventDefault();
      $("#select_salesman").prop('disabled', true);
    });

    $("#link_salesman").click(function(e) {
      e.preventDefault();
      $("#select_salesman").prop('disabled', false);
    });

Answer 1

更改

<a href="#" id="#link_warehouse">CHOOSE WAREHOUSE</a>
<a href="#" id="#link_salesman">CHOOSE SALESMAN</a>

进入

<a href="#" id="link_warehouse">CHOOSE WAREHOUSE</a>
<a href="#" id="link_salesman">CHOOSE SALESMAN</a>

DEMO - 这是你想要的吗？

Answer 2

void*

小提琴：https://jsfiddle.net/mahima154/j2nvkabw/

jQuery .prop（）没有按预期工作

2 个答案: