フォーム内の更新値が正しく転送されない -- javascript フィールド と jquery フィールド と html フィールド 関連 問題

updated values inside form do not transfer properly into new div












0
vote

問題

日本語

基本的に、指定された範囲外の値を入力すると、許容最小/最大値に更新されますが、VARの値は最大/分に更新されません。 (1つのフォームに1を入力して見積もりをクリックして確認できます) https://jsfiddle.net/epf4uyr6/

<事前> <コード> function cadCheck(input) { if (input.value < 2) input.value = 2; if (input.value >= 100) input.value = 99.99; } document.getElementById('cad').onkeyup = function() { var cad = (this.value); document.getElementById("cad-quote").innerHTML = "Market: $" +cad; }
英語

basically when you enter a value out of the specified range it gets updated to the minimum/maximum allowed, but the value of the var doesn't get updated to the max/min. (you can check by entering 1 into both forms and clicking on quote) https://jsfiddle.net/epf4uyr6/

function cadCheck(input) {   if (input.value < 2) input.value = 2;   if (input.value >= 100) input.value = 99.99; }   document.getElementById('cad').onkeyup = function() { var cad = (this.value); document.getElementById("cad-quote").innerHTML = "Market: $" +cad; } 
</div
        
       
       

回答リスト

3
 
vote
vote
ベストアンサー
 

あなたの値は正しく更新されず、最初に鍵アップ機能を実行してからonchange(cadcheck)機能を実行してください。

現在のロジックはonchange関数内にあり、そのすなわち値は正しく更新されないのです。

OnKeyUp関数でこの行を移動し、onchangeから削除します。

<事前> <コード> class App extends Component(){}9
 

your values not updating properly because , keyup function executing first and then onchange(cadCheck) function execute.

your current logic is inside onchange function , thats why value not updating properly.

move this line in onkeyup function , and remove it from onchange.

document.getElementById('cad').onkeyup = function() {                    if (this.value >= 100) this.value = 99.99;                     var cad = (this.value);                     document.getElementById("cad-quote").innerHTML = "Market: $" +cad;                  } 
</div
 
 

関連する質問

80  WebサービスからHTML文書を印刷する方法  ( How do i print an html document from a web service ) 
C#WebサービスからHTMLを印刷したいです。 Webブラウザコントロールはオーバーキルであり、サービス環境ではうまく機能しないため、非常に厳しいセキュリティ制約を持つシステムではうまく機能しません。基本的なHTMLページの印刷をサポートする<コード> 9...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

273  HTML形式の複数の送信ボタン  ( Multiple submit buttons in an html form ) 
HTMLフォームにウィザードを作成しましょう。 1つのボタンが戻ってき、1つが進みます。 ENTER を押すと、背面ボタンが最初に表示されているので、そのボタンを使用してフォームを送信します。 例: <コード> <form> <!-- Pu...

635  ユーザーのタイムゾーンを決定します  ( Determine a users timezone ) 
WebサーバーがWebページ内のユーザーのタイムゾーンを決定できるようにするための標準的な方法はありますか? おそらくHTTPヘッダーまたは<コード> Form7 string? ...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

31  私は私のウェブサイトをiPhoneのアイコンに与えるのですか?  ( How do i give my websites an icon for iphone ) 
私が作成したWebサイトの iPhone に適切なアイコンを設定する方法は? ...

4  Webの未来は何ですか? XHTML 2、HTML 5、または何か他のもの?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
新しいバージョンのHTMLとXHTMLの新しいバージョンの両方の議論と進歩に混乱しています。彼らは競争相手ですか?もしそうなら、Webの採用された未来になることが最も好意的ですか?そうでなければ、それぞれの競合されていない目的は何ですか? ここではBluray...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有