Pass Value from Jquery Variable to window.open

Question

I have following Jquery code that alerts a value of an HTML field in this variable $(".attachmentsUpload input.file").val());

My problem is i want to pass this value to variable val like this

window.open("http://abc.com/crop/test.php?val="+$(".attachmentsUpload input.file").val()),"_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");

but its not passing the value.

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

      <script type='text/javascript'>//<![CDATA[ 
    $(function(){
    $(".attachmentsUpload input.file").live("change", function () {
        if ($(".attachmentsUpload input.file").val() == "") {
            return;
        }
        // your ajax submit
        alert("submit value of the file input field=" + $(".attachmentsUpload input.file").val());


        $(".attachmentsUpload input.file").replaceWith('<input type="file" class="file" name="file" />');
    });
    });//]]>  

    window.open("http://abc.com/crop/test.php?val="+$(".attachmentsUpload input.file").val()),"_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");

    </script>
</head>
<body>
  <form class="attachmentsUpload" action="/UploadHandler.ashx" method="post" enctype="multipart/form-data">
    <input type="file" class="file" name="file" />

</form>
</body>
</html>

Please show your html, especialy this input. PS. Don't use live(), use on() instead. — Kamil T
– Kamil T, Commented May 31, 2013 at 14:07
Looks like you have an extra close parenth in the window.open statement. Try changing val()) to val()? — ckpepper02
– ckpepper02, Commented May 31, 2013 at 14:07

A. Wolff · Accepted Answer · 2013-05-31 14:10:51Z

1

As i understand it:

$(".attachmentsUpload input.file").replaceWith('<input type="file" class="file" name="file" />');

So then:

$(".attachmentsUpload input.file").val() returns string empty

answered May 31, 2013 at 14:10

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ckpepper02 · Accepted Answer · 2013-05-31 14:14:48Z

1

Looks like you have an extra close parenth in the window.open statement. Try changing val()) to val()

So:

window.open("http://abc.com/crop/test.php?val="+$(".attachmentsUpload input.file").val()+","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");

answered May 31, 2013 at 14:14

ckpepper02

3,5075 gold badges32 silver badges43 bronze badges

Collectives™ on Stack Overflow

Pass Value from Jquery Variable to window.open

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related