-6ren">
gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 15:16:26 24 4
gpt4 key购买 nike

我试图从我的 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com