javascript - 无法使用 javascript 获取表单的值

标签 javascript html forms

我试图从我的 javascript 中获取表单的值，但该值继续返回未定义，就好像输入不存在一样。

这是html

%@ Language="VBScript" CodePage=65001 %>

<%
plan = Request("plan")
If plan = "" Then plan = "1"
modelid = Request("modelid")
If modelid = "" Then modelid = "0"


'plan = Request.Form("plan")
'If plan = "" Then plan = "1"
'modelid = Request.Form("modelid")
'If modelid = "" Then modelid = "0"
'Response.Write("plan= " & plan)
'Response.Write("modelid= " & modelid)
%>


<html>
    <head>
        ...   

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.csv.js" charset="UTF-8"></script>

<script type="text/javascript">
    console.log(document.form1.plan.value);
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-16620217-8']);
    _gaq.push(['_trackPageview']);

    (function () {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>

...

</head>
     <body onLoad="...">
 ...
         <form NAME="form1" action="result_ct.asp" method="post" style="margin:0;">
    <div id="container">
    <section id="model-select">
        <div class="content">

            <dl>
                <dt>車両・モデル</dt>
                <dd>
                    <div class="dropdown">
                    <select name="model" id="model" onChange="calc_price_with_tax(); addComma2(); changeinstallments();">
                    </select>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt>ファイナンスプログラム</dt>
                <dd>
                    <div class="dropdown">
                    <select name="planselect" id="planselect" onchange="changeplan(this)">
                    <option>シトロエン・オートローン</option>
                    <option>シトロエン・パスポート</option>
                    </select>
                    </div>
                </dd>
            </dl>
        <div class="question">
            <p><a href="http://www.citroen.jp/finance/auto_loan/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・オートローンに関して詳しくはこちら</a></p>
            <p><a href="http://www.citroen.jp/finance/passport/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・パスポートに関して詳しくはこちら</a></p>
        </div>
        </div>
    </section>
    <section id="config">
        <div class="content">
            <dl class="header-text">
                <dt>設定項目</dt>
                <dd>設定金額</dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>車両本体価格<br>（消費税抜き車両本体価格）</dt>
                <input type="hidden" name="text_price_with_tax" id="text_price_with_tax" size="10" maxlength="7">
                <input type="hidden" name="text_price" id="text_price" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment37" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment61" size="10" maxlength="7">
                <dd><p><span id="text_price_with_tax2">4,340,000円</span><br>(<span id="text_price2" class="f10px">1,983,333</span><span class="f10px">円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>ご購入サポート</dt>
                <input type="hidden" name="support" id="support">
                <input type="hidden" name="supported_price_with_tax" id="supported_price_with_tax">
                <dd><p class="blue"><span id="supported_price" class="btxt maintxt">-100,000</span><span class="f10px">&nbsp;円</span><br /><br /></span></p></dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>ご購入サポート適用後　メーカー希望小売価格<br class="sp-dn">
                    （消費税抜き車両本体価格）</dt>
                <dd><p id="purchase-support-div"><span id="supported_price_with_tax" class="f12pxb">2,550,000</span><span class="f10px">&nbsp;円</span><br /><span class="f08px"></span>(<span style="font-size:12px !important" id="supported_price_without_tax" class="f08px">2,361,112</span><span class="f08px">&nbsp;円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>金利（実質年率）</dt>
                <input type="hidden" name="rate" value="2.39">
                <dd><p><span name="rate" id="rate">2.39%</span></p></dd>
            </dl>
            <dl class="passport downpaymentform">
                <dt>シトロエン・パスポート</dt>
                <dd>
                    <div class="dropdown2">
                    <select name="installments" id="installments" onChange="changeinstallments()">
                        <option>3</option>
                            <option>5</option>
                                    </select>
                    </div>
                </dd>
            </dl>
            <dl class="downpaymentform">
                <dt>頭金</dt>

                <dd><div class="input"><input type="text" name="downpayment" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>諸費用・オプション代など</dt>
                <dd><div class="input"><input type="text" name="optionprice" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="lastpaymentform">
                <dt>ボーナス加算額</dt>
                <dd><div class="input"><input type="text" name="bonus" size="10" maxlength="6" class="blue"><p>円</p></div></dd>
            </dl>
        </div>

    <input onClick="Precheck()" type="submit" value="シミュレーションしてみる" id="simulation-button">
    ...

</form>
    </section>

我有这段代码 console.log(document.form1.plan.value); 我用它来检查输入的值，我的输入列表位于 html 的底部.

我正在用头撞墙试图追查这个问题，所以非常感谢任何答案

最佳答案

将依赖于页面准备就绪部分的脚本移至底部。

收盘前</body>标签。

...


<html>
    <head>
        ...   

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.csv.js" charset="UTF-8"></script>

<script>
//analytics code goes here
//anything that needs to access the document needs to be below
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16620217-8']);
_gaq.push(['_trackPageview']);

(function () {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>


<!-- ====================== Moved from here... ====================== -->

...

</head>
     <body onLoad="...">
 ...
         <form NAME="form1" action="result_ct.asp" method="post" style="margin:0;">
    <div id="container">
    <section id="model-select">
        <div class="content">

            <dl>
                <dt>車両・モデル</dt>
                <dd>
                    <div class="dropdown">
                    <select name="model" id="model" onChange="calc_price_with_tax(); addComma2(); changeinstallments();">
                    </select>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt>ファイナンスプログラム</dt>
                <dd>
                    <div class="dropdown">
                    <select name="planselect" id="planselect" onchange="changeplan(this)">
                    <option>シトロエン・オートローン</option>
                    <option>シトロエン・パスポート</option>
                    </select>
                    </div>
                </dd>
            </dl>
        <div class="question">
            <p><a href="http://www.citroen.jp/finance/auto_loan/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・オートローンに関して詳しくはこちら</a></p>
            <p><a href="http://www.citroen.jp/finance/passport/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・パスポートに関して詳しくはこちら</a></p>
        </div>
        </div>
    </section>
    <section id="config">
        <div class="content">
            <dl class="header-text">
                <dt>設定項目</dt>
                <dd>設定金額</dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>車両本体価格<br>（消費税抜き車両本体価格）</dt>
                <input type="hidden" name="text_price_with_tax" id="text_price_with_tax" size="10" maxlength="7">
                <input type="hidden" name="text_price" id="text_price" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment37" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment61" size="10" maxlength="7">
                <dd><p><span id="text_price_with_tax2">4,340,000円</span><br>(<span id="text_price2" class="f10px">1,983,333</span><span class="f10px">円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>ご購入サポート</dt>
                <input type="hidden" name="support" id="support">
                <input type="hidden" name="supported_price_with_tax" id="supported_price_with_tax">
                <dd><p class="blue"><span id="supported_price" class="btxt maintxt">-100,000</span><span class="f10px">&nbsp;円</span><br /><br /></span></p></dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>ご購入サポート適用後　メーカー希望小売価格<br class="sp-dn">
                    （消費税抜き車両本体価格）</dt>
                <dd><p id="purchase-support-div"><span id="supported_price_with_tax" class="f12pxb">2,550,000</span><span class="f10px">&nbsp;円</span><br /><span class="f08px"></span>(<span style="font-size:12px !important" id="supported_price_without_tax" class="f08px">2,361,112</span><span class="f08px">&nbsp;円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>金利（実質年率）</dt>
                <input type="hidden" name="rate" value="2.39">
                <dd><p><span name="rate" id="rate">2.39%</span></p></dd>
            </dl>
            <dl class="passport downpaymentform">
                <dt>シトロエン・パスポート</dt>
                <dd>
                    <div class="dropdown2">
                    <select name="installments" id="installments" onChange="changeinstallments()">
                        <option>3</option>
                            <option>5</option>
                                    </select>
                    </div>
                </dd>
            </dl>
            <dl class="downpaymentform">
                <dt>頭金</dt>

                <dd><div class="input"><input type="text" name="downpayment" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>諸費用・オプション代など</dt>
                <dd><div class="input"><input type="text" name="optionprice" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="lastpaymentform">
                <dt>ボーナス加算額</dt>
                <dd><div class="input"><input type="text" name="bonus" size="10" maxlength="6" class="blue"><p>円</p></div></dd>
            </dl>
        </div>

    <input onClick="Precheck()" type="submit" value="シミュレーションしてみる" id="simulation-button">
    ...

</form>
    </section>

<!-- ====================== ...to here ====================== -->
<script type="text/javascript">
    console.log(document.form1.plan.value);
    /* ====================== INSERT JS HERE ====================== */

</script>
</body>
</html>

示例:

<html>
    <head>
           

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.csv.js" charset="UTF-8"></script>

<script>
//analytics code goes here
//anything that needs to access the document needs to be below
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16620217-8']);
_gaq.push(['_trackPageview']);

(function () {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>


<!-- ====================== Moved from here ====================== -->



</head>
     <body onLoad="">
 
         <form NAME="form1" action="result_ct.asp" method="post" style="margin:0;">
    <div id="container">
    <section id="model-select">
        <div class="content">

            <dl>
                <dt>車両・モデル</dt>
                <dd>
                    <div class="dropdown">
                    <select name="model" id="model" onChange="calc_price_with_tax(); addComma2(); changeinstallments();">
                    </select>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt>ファイナンスプログラム</dt>
                <dd>
                    <div class="dropdown">
                    <select name="planselect" id="planselect" onchange="changeplan(this)">
                    <option>シトロエン・オートローン</option>
                    <option>シトロエン・パスポート</option>
                    </select>
                    </div>
                </dd>
            </dl>
        <div class="question">
            <p><a href="http://www.citroen.jp/finance/auto_loan/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・オートローンに関して詳しくはこちら</a></p>
            <p><a href="http://www.citroen.jp/finance/passport/" target="_blank"><img src="images/question_03.png" alt="question-mark">シトロエン・パスポートに関して詳しくはこちら</a></p>
        </div>
        </div>
    </section>
    <section id="config">
        <div class="content">
            <dl class="header-text">
                <dt>設定項目</dt>
                <dd>設定金額</dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>車両本体価格<br>（消費税抜き車両本体価格）</dt>
                <input type="hidden" name="text_price_with_tax" id="text_price_with_tax" size="10" maxlength="7">
                <input type="hidden" name="text_price" id="text_price" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment37" size="10" maxlength="7">
                <input type="hidden" name="text_lastpayment61" size="10" maxlength="7">
                <dd><p><span id="text_price_with_tax2">4,340,000円</span><br>(<span id="text_price2" class="f10px">1,983,333</span><span class="f10px">円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>ご購入サポート</dt>
                <input type="hidden" name="support" id="support">
                <input type="hidden" name="supported_price_with_tax" id="supported_price_with_tax">
                <dd><p class="blue"><span id="supported_price" class="btxt maintxt">-100,000</span><span class="f10px">&nbsp;円</span><br /><br /></span></p></dd>
            </dl>
            <dl class="text-box-L downpaymentform">
                <dt>ご購入サポート適用後　メーカー希望小売価格<br class="sp-dn">
                    （消費税抜き車両本体価格）</dt>
                <dd><p id="purchase-support-div"><span id="supported_price_with_tax" class="f12pxb">2,550,000</span><span class="f10px">&nbsp;円</span><br /><span class="f08px"></span>(<span style="font-size:12px !important" id="supported_price_without_tax" class="f08px">2,361,112</span><span class="f08px">&nbsp;円)</span></p></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>金利（実質年率）</dt>
                <input type="hidden" name="rate" value="2.39">
                <dd><p><span name="rate" id="rate">2.39%</span></p></dd>
            </dl>
            <dl class="passport downpaymentform">
                <dt>シトロエン・パスポート</dt>
                <dd>
                    <div class="dropdown2">
                    <select name="installments" id="installments" onChange="changeinstallments()">
                        <option>3</option>
                            <option>5</option>
                                    </select>
                    </div>
                </dd>
            </dl>
            <dl class="downpaymentform">
                <dt>頭金</dt>

                <dd><div class="input"><input type="text" name="downpayment" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="downpaymentform">
                <dt>諸費用・オプション代など</dt>
                <dd><div class="input"><input type="text" name="optionprice" size="10" maxlength="7" class="blue"><p>円</p></div></dd>
            </dl>
            <dl class="lastpaymentform">
                <dt>ボーナス加算額</dt>
                <dd><div class="input"><input type="text" name="bonus" size="10" maxlength="6" class="blue"><p>円</p></div></dd>
            </dl>
        </div>

    <input onClick="Precheck()" type="submit" value="シミュレーションしてみる" id="simulation-button">
    

</form>
    </section>

<!-- ====================== to here ====================== -->
<script type="text/javascript">
    console.log(document.getElementById("planselect").value);
    /* ====================== INSERT JS HERE ====================== */

</script>
</body>
</html>

另见:

关于javascript - 无法使用 javascript 获取表单的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44392107/

上一篇：javascript - 使用 Processingjs 打印数组

下一篇：javascript - 刮掉一些数组值以进行断言( Protractor )

相关文章：

javascript - 使用 Visual Studio 2010 进行 AJAX？

javascript - Highcharts Y 轴在处理大型数组时跳过标签

php - 不同国家、州、地理位置的动态下拉列表？

php图像上传检查上传照片的大小不起作用

javascript - 如何找到父节点并删除子节点

javascript - 如何同步触发两个异步函数？

javascript - 循环遍历 HTML 元素

javascript - 使用 javascript 显示 Bootstrap 模式对话框的问题

javascript - Bootstrap 3 模态 : make it movable/draggable without jquery-ui

javascript - 在 ReactJS 中提交表单后如何重置我的输入字段？

©2024 IT工具网  联系我们