使用jquery和onchange获取输入的值

时间:2013-10-25 08:06:44

标签: javascript jquery ajax selectlist

我有一个动态表,我可以根据需要使用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>

Actualy遇到的问题是该行

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

您需要替换

.val

通过

.val()

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