如何在Javascript中获取输入字段的值

How to get value of a input field in Javascript

本文关键字：输入 字段 获取 Javascript      更新时间：2024-04-06

我使用的是valums文件上传插件。它允许我使用ajax上传文件。我有一个问题。我有以下脚本-

<input type="text" id="Gaurav" name="Gaurav" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: document.getElementById('Gaurav').value},
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }
    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader;     
</script>

在它中，我想设置用户输入的param的值。该代码对Gaurav的默认值正常工作，但对用户输入的值不起作用。

用户输入值后，需要调用createUploader。此代码在加载窗口后立即"修复"参数值。

你可能有一个按钮点击事件或其他什么-从中调用它，它将在那个时候取值。。。

您为函数（要推送的值）设置一个参数，并在用户在输入中写入内容时调用该函数。*param实际上是可选的，因为函数从输入本身获取值，但在跳过DOM搜索时传递参数更有效。

<input type="text" id="Gaurav" name="Gaurav" onchange="createUploader($(this).val())" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(value){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: value,
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }
    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader($("#Gaurav").val());     
</script>
相关文章：