JQuery得到下拉框值&文本并设置为文本框值

时间:2014-06-04 20:22:40

标签: jquery html

我对此代码有疑问,我不明白。有一个id为'append'的按钮,当我抓住时,JQuery能够显示一个选定的类别&项目下拉框值进入各种文本框,这是正确的,但所有项目下拉框文本组合为一个单词 (PensBookRuler)等 ,并显示在另一个名为itemname的文本框中,同时选定项目下拉框应显示所选项目文本,而不是通过组合下拉列表中的所有文本。注意:所有的JQuery库都已被引用,所以我没有包含它们,即使Category选项有一个change事件列出了选择的Category上的Items选项,并且工作正常但是下面显示的代码只是组合所有单击追加按钮而不是仅显示所选项目文本时的项目文本:

  Category: <select id="icateg">
    <option value = "C1">Stationary</option>
    <option value ="C2">Toner</option>
    </select>
        Items: <select id="citem">
    <option value="T1">Pens</option>
    <option value="T2">Books</option>
<option value="T3">Ruler</option>
    </select>

    <script>
$("#append").click( function() {

    categID=$.trim($("#icateg").val()); 
    categName=$.trim($("#icateg").text());

    itemName=$.trim($("#citem").text());
    itemID=$.trim($("#citem").val());

    iqty=$("#qty").val();

    $("#additems").append(
        '<tr><td><input type="text" name="icateg" id="icateg" value="'+categID+'" readonly="readonly" />' +
                '<input type="text" name="icategName" id="icategName" value="'+categName+'" /></td>'+
             '<td><input type="text" name="citem" id="citem" readonly="readonly" value="'+itemID+'" />' +
                 '<input type="text" name="itemname" id="itemname" readonly="readonly" value="'+itemName+'" /></td>'+
            '<td><input type="text" name="qty" id="qty" readonly="readonly" value="'+iqty+'" /></td>'+
            '<td><a class="remove_this" href="#"><i class="icon-minus"></i></a></td></tr>');
    return false;
});
</script>

1 个答案:

答案 0 :(得分:0)

 categName=$.trim($("#icateg").text());

应该是

 categName=$.trim($("#icateg option:selected").text());

与此相同

  。

ITEMNAME = $修剪($( “#CITEM”)文本());

应该是

  

itemName = $ .trim($(“#citem option:selected”)。text());