0

jqueryを使用して、必要に応じて多くの行を追加できる動的テーブルがあります。

この行には、選択リストのドロップダウンがあります。この選択にはリストがあります。選択したオプションの機能として、ajax リクエストを実行し、結果をこの行の入力の 1 つに適用しようとしました。

私が実際に抱えている問題は、関連する行の選択されたリストの値を取得できないことです。選択リストにクラスを追加しました。要求は変更時に発生していますが、選択リストの値を取得できません。

以下は私が試したものです：

<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;
            }
        });
    }

どんな種類の助けも大歓迎です。

4

1 に答える 1

2

交換する必要があります

.val

に

.val()

最初の式は、値の取得を担当する関数を返します。2 番目はそれを実行し、実際にフィールドの値を返します。

于 2013-10-25T08:10:10.850 に答える