Question

我有这个表格..

<form method="post" action=''>

    <select class="first">
       <option value="0">choose ...</option>
       <option value="1">Hello</option>
       <option value="3">It's</option>
    </select>

    <select class="second">
       <option value="0">choose ...</option>
       <option value="2">World</option>
       <option value="4">me</option>
    </select>

    <input type="text" class="dest" value="" />

</form>

并希望使用jQuery动态收集选定的信息，因为我需要决定所选的值......

当您选择OPTION值的特定组合（比如Hello + World）时，它应该为INPUT.dest添加一些值并将其锁定（禁止编辑）......

但是我无法让它发挥作用......我所拥有的是每次选择的每次更改（仅限于单独）我可以映射实际值

  $(document).ready(function () {

    $(".first").change(function () {        
        var option = $(this).find("option:selected").val();
        $(".dest").val(option);
    });

    $(".second").change(function () {        
        var option2 = $(this).find("option:selected").val();
        $(".dest").val(option2);
    });

  });

以下是live demo in fiddle

你知道我错过了什么吗？我知道这只是一件小事......谢谢

Answer 1

我会概括它并使用一个事件监听器，然后收集组合并做任何事情：

<form action="${loginUrl}" method="post">

http://jsfiddle.net/cxx428af/3/

jquery获取多个选择框的选定值

1 个答案: