Question

我想要的是当我点击/更改项目代码的下拉列表时，它会在旁边的文本框中显示该特定ID的相应数据。 1表示项目描述，另一个表示项目价格我的CFQUERY是：

<cfquery name="getItemDesc" datasource="laundry" >
   SELECT * FROM items
   WHERE itemcode = <cfqueryparam cfsqltype="cf_sql_varchar" value="#FORM.getItemCode#">

</cfquery>

我的HTML代码是：

    <table class="table" name="addedItem" class="addedItem" disabled>
    <tr>
        <td>
            <select class="form-control" name="getItemCode" id="getItemCode"  required disabled>
                <cfoutput query="getItem">
                <option value="#itemcode#">#itemcode#</option>
                </cfoutput>     
            </select>
        </td>           
        <td>
            <input type="text" class="form-control" placeholder=" Item Name" name="itemDesc" id="itemDesc" disabled/>
        </td>

        <td>
            <input type="text" class="form-control" placeholder=" Price" name="itemPrice" id="itemPrice" disabled/>
        </td>

        <td>
            <input type="text" class="form-control" name="itemQty" id="itemQty" placeholder=" Input Qty" disabled/>
        </td>

        <td>
            <button name="addItem" id="addItem" disabled><i class="fa fa-plus-circle " aria-hidden="true"></i> ADD</button>
        </td>
    </tr>

非常感谢您的帮助。对不起，我刚刚来到这里，如果有任何未正确解释的内容，请告诉我：D

Answer 1

试试这个，

<script type="text/javascript">
    $('#getItemCode').change(function(){
        $("form").submit():
    });
</script>

但是查询应该在表单的操作页面中，列表应该从该查询的结果中呈现。否则此代码将无法正常工作。

Answer 2

感谢那些回答我问题的人。我将在此发布我的解决方案以供将来参考。

＆＃13;

<script>
    /* WHEN ITEMCODE onChange :JMGR*/
    function aa(){
        var itemdesc = $('#getItemCode').find(":selected").data('itemdesc');
        var itemprice = 
        $('#getItemCode').find(":selected").data('itemprice');
        document.getElementById('itemDesc').value=itemdesc;
        document.getElementById('itemPrice').value=itemprice;
        
        document.getElementById('tempItemDesc').value=itemdesc;
        document.getElementById('tempItemPrice').value=itemprice;
      
    }
    
</script>

＆＃13;

<td>
<select class="form-control" name="getItemCode" id="getItemCode" 
onchange="aa()" required disabled>
<option value=""> -- </option>
<cfoutput query="getItem">
<option value="#itemcode#" data-itemdesc="#itemdesc#" data-
itemprice="#selling_price#">#itemcode#</option>
</cfoutput>	
<input type="hidden" name="tempItemCode" id="tempItemCode">
</select>
</td>

＆＃13;

for ColdFusion Query：

<!--- DEFAULT QUERY for GETTING ITEMCODE--->
<cfquery name="getItem" datasource="laundry" >
    SELECT * FROM items;
</cfquery>

如何使用cfquery在文本框的下拉列表中显示所选选项的数据，其中下拉列表中的id = selected选项？

2 个答案: