javascript - 使用 jquery 和 onchange 获取输入值

Question

我有一个动态表，可以使用 jquery 根据需要添加许多行。

此行上有一个选择列表下拉列表。此选择有一个列表。 在所选选项的功能中，我尝试执行 ajax 请求并将结果应用于此行的输入之一。

我实际上遇到的问题是我无法获取相关行的选定列表的值。我将一个类添加到选择列表中。请求发生在 onchange 但无法获取选择列表的值。

以下是我尝试过的:

<script type="text/javascript">
            $().ready(function(){
            $('.debours_tva').change(function(e){
            var debours_id = $(this).closest("tr").find("input.debours_tva").val
            console.log(debours_id);
            var input = $(this).closest("tr").find("input.taux")
                $.ajax({
                url: 'requetes_ajax/check_taux_tva_debours.json.php',
                method: 'GET',
                data: 'debours_id=' + debours_id,
                success: function(returnData){
                    console.log(returnData);
                    if(returnData !=''){
                    input.removeAttr('value');
                    input.attr('value',returnData)
                    }else{

                    input.removeAttr('value');
                    input.attr('value',returnData)
                    }
                }, 
                dataType :'json'
                });
            });
            });
</script>

其实遇到的问题就是那一行

 var debours_id = $(this).closest("tr").find("input.debours_tva").val

返回以下内容而不是其值:

function ( value ) {
        var hooks, ret, isFunction,
            elem = this[0];

        if ( !arguments.length ) {
            if ( elem ) {
                hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];

                if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
                    return ret;
                }

                ret = elem.value;

                return typeof ret === "string" ?
                    // handle most common string cases
                    ret.replace(rreturn, "") :
                    // handle cases where value is null/undef or number
                    ret == null ? "" : ret;
            }

            return;
        }

        isFunction = jQuery.isFunction( value );

        return this.each(function( i ) {
            var val,
                self = jQuery(this);

            if ( this.nodeType !== 1 ) {
                return;
            }

            if ( isFunction ) {
                val = value.call( this, i, self.val() );
            } else {
                val = value;
            }

            // Treat null/undefined as ""; convert numbers to string
            if ( val == null ) {
                val = "";
            } else if ( typeof val === "number" ) {
                val += "";
            } else if ( jQuery.isArray( val ) ) {
                val = jQuery.map(val, function ( value ) {
                    return value == null ? "" : value + "";
                });
            }

            hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];

            // If set returns undefined, fall back to normal setting
            if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
                this.value = val;
            }
        });
    } 

任何形式的帮助将不胜感激。

Answer 1

您需要更换

.val

由

.val()

第一个表达式返回负责获取值的函数。第二个将执行它并实际返回字段的值。