javascript - 使用下拉 JavaScript 无法进入输入文本字段

标签 javascript php jquery json ajax

我正在使用 javascript 获取下拉选择 id id='odrid', 这是脚本:

$('#odrid').change(function(){
    $.getJSON(
        'fetch.php',
        'odrid='+$('#odrid').val(),
        function(result){
            $('#item').empty();
            $.each(result, function(){
                $('#item').val(this['item']);
            });
        }
    );
});

此下拉脚本在另一个脚本中运行以添加动态表单字段:

<script>
    $('#odrid').change(function(){
        $.getJSON(
            'fetch.php',
            'odrid='+$('#odrid').val(),
            function(result){
                $('#item').empty();
                $.each(result, function(){
                    $('#item').val(this['item']);
                });
            }
       );
   });

   $(function() {
       // register listener
       $('.form-control1').on("change.add", calculateSum);
       // initial calculation
       calculateSum();

    // button for adding new row
    $(".addmore").click(function() {
        $('.form-control1').off("change.add");
        //addRow();
        var count = $('#counter').val();

        $("<tr>" +
             "<td><input type='checkbox' class='case'/></td>" +
             "<td><select id='odrid'><?php

        $query = mysql_query('select * from cart_sample');
        while($row = mysql_fetch_assoc($query)) {
            echo '<option value='.$row['odrid'].'>'.$row['odrid']. '</option>';
        }

        ?></select></td>" +

        "<td ><input id='item' type='text'   name='txt_quantity[]' value=''   /></td>" +

        "</tr>").insertAfter("tr:last-child");

        count++;
        $('#counter').val(count);
        $('.form-control1').on("change.add", calculateSum);
        calculateSum();

    });
</script>
<小时/>

这是我的前端: enter image description here

  1. 问题是我没有在输出中获取 #item 的值。
    • 如何解决这个问题?有人知道我的代码有问题吗?

提前致谢!

最佳答案

我认为问题出在你的 ID 上

您在 jquery 中使用 $("#item") 并且已将 items 定义为您的 id

<input id='items' type='text'   name='txt_quantity[]' value=''   /> 

将其更改为项目

<input id='item' type='text'   name='txt_quantity[]' value=''   /> 

或更改

$("#items") in jquery

它应该按预期工作

关于javascript - 使用下拉 JavaScript 无法进入输入文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43912094/

相关文章:

jquery函数动态创建按钮

javascript - 使用自定义参数触发 JavaScript 事件并使用 jQuery 捕获它

javascript - Jquery 中图像轮播的多个 ID 不起作用

javascript - 删除元素时不要丢失变量数据

php - 传递表单变量的安全方式

php - 如何显示表中的值、修改它们、再次保存它们

php - time_stamp数据类型在插入时在mysql数据库中打印全零

Javascript 分页和 SEO

javascript - html2canvas 忽略我的 svg 元素

javascript - 水平滚动表上的 "Sticky"标题...完全不可能?