問題タブ [onchange]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
11084 参照

events - Selenium onChangeが機能しない

Seleniumにドロップダウンメニューから「onchange」イベントを取得させるために多くのことを試みましたが、どれも機能しませんでした。

問題のある HTML は次のとおりです。

Selenium IDE はいくつかの on* イベントを記録しないことを読んだので、fireEvent() を使用するのが賢明でしょう:

ただし、これは機能しません (fireEvent の有無にかかわらず)。私も使ってみました

それ以外の

しかし、これは何もしませんでした。

Selenium は、これらのロケーターが存在しないことについて不平を言うことはないので、select/option 要素が正常に表示されると想定しています。問題は onChange イベントのようです。

これを解決する方法を知っている人はいますか?

ありがとう。

0 投票する
3 に答える
16509 参照

javascript - onChangeを取得してdijit.form.Selectを起動できません

onchangeイベントをdijit.form.Selectウィジェットに正しくアタッチできないようです。しかし、私はWeb開発に慣れていないので、完全にばかげたことをしている可能性があります(ただし、私が知る限りでは(そして、見つけたすべてのドキュメントを読んだことがありますが)、そうではありません)。bodyクラスがdojoテーマと一致することを確認しました。これは、使用するすべてのウィジェット(およびdojo.parser)に対してdojo.require()であり、それでもnadaです。私が使用しているコードは次のとおりです。

どんな助けでもいただければ幸いです。

追加:dijitがウィジェットをレンダリングする方法の内部をさらに掘り下げた後、dojoType ='dijit.form.Select'属性と値のペアをhtml要素に追加すると(これを宣言的に行う)、dijitが実際に1つをレンダリングすることを発見しました-行2列のテーブル。テーブルの最初の要素は、選択された(またはデフォルトの)要素を表示するだけであると想定しているスパン(クラスdijitSelectLabel)です。2番目の要素は、特定のDOMイベントに応答してメニューテーマの表示を切り替える下矢印としてレンダリングされたボタンのように見えます。また(そしてこれはかなり気の利いたことだと思いました)、dijitは、これらのイベントの1つがトリガーされるまで、実際にはDOMツリーに選択オプションを配置しません。新しいページを読み込んだ直後(何かをクリックする前)にfirebugのHTMLを調べましたが、2番目のオプションはどこにも見つかりません。次に、矢印ボタンをクリックすると、dijit.Menuウィジェットが表示されます。dijitはdijit.Menuを本体ノードの最後に貼り付けます。別の場所をクリックした後も、メニューウィジェットは本体のlastChildのままであり、現在は非表示になっており、フォームにアタッチされていません。ウィジェットを選択してください。

ユーザーが選択したアイテムに応じて、DOMツリーに異なるdijit.formウィジェットを配置するだけの場合、これは本当に複雑なことでしょうか。

結論:それは資本化の問題であることが判明しました。

作しますが、

うではありません。

だから私は完全に愚かだったのは正しかった。htmlタグを属性として配置すると、すべて小文字のバージョンが機能するため、Dojoはそれを同じように扱うと思いました。dijit.form.Selectには.onchange属性がありませんが、.onChange属性があるため、これは理にかなっています。(ユーザーが何かを入力できるという印象をユーザーに与えないため、.FilteringSelectよりも.Selectを使用することになりました。)それで、どちらに答えますか(両方の理由で)あなたの投稿にonChangeがありましたが、私は経験が浅すぎて、ケースが重要であることに気づかなかったと思います)?

0 投票する
2 に答える
1294 参照

javascript - 特定の値が選択されたときにフォームを送信するために onchange を使用してフォームのフォーム送信を防止する方法

作成したフォームがあります:

プルダウンして「HTML」または「CSV」を選択すると、このフォームは正常に機能します。しかし、戻るボタンを押して「エクスポート形式を選択する」を選択すると、フォームが送信されたくないのに送信されます。

そのオプションのフォーム送信を防ぐ方法はありますか?

0 投票する
1 に答える
1526 参照

jquery - Railsのremote_functionおよびselectボックス

変更時にその値をサーバー側コントローラーに送信する必要がある選択ボックスがあります。

送信は機能します。ただし、変更された要素の値は送信されません。

オンラインでいくつかの例を調べましたが、どれも機能していないようです

通りかかった瞬間

実際の変数が渡されると、単に「静的に」取得します。

選択した選択ボックスの値にアクセスするにはどうすればよいですか?私は彼女の分に何かが欠けていると確信しています。

ありがとう。

0 投票する
2 に答える
8871 参照

jquery - jQuery - select onchange to slide in / slide out div or form

I am trying to enhance a form, by showing only relevant fields depending on initial selection via a form select field.

It is an order form for 3 products and all 3 products have unique properties.

My idea was to hide all the content in divs, then reveal the relevant div when the product is selected. I have found some solutions that show / hide a div, but none with any animation. It doesn't have to be a slide but just something nice!

The alternative is instead of revealing a div, would be to load a seperate form, but this seems unnecessary.

I am not sure whether i need a plug in, as I am pretty new to jquery.

What i have in the html is:

Many thanks in advance

0 投票する
4 に答える
15731 参照

javascript - DivのJqueryイベントonChange

次の 2 つの div を含むページがあります。

「searchResults」div が AJAX 呼び出しによって更新されたときに、「postSearchOptions」div を表示させる方法はありますか? 私は AJAX 呼び出しを制御しておらず、「searchResults」div の変更を検出したいと考えています。

次の JQuery コードを書いてみましたが、Jquery 1.4 が必要で、1.3 しか持っていないことに気付きました。

標準の JavaScript または Jquery 1.3 を使用して、searchResults div の変更のイベントをキャッチする方法はありますか? ありがとう!

0 投票する
2 に答える
2351 参照

onchange - 何も変更されていない場合に発生しないテキストエリアのjQuery onkeyupイベント

押されたキーの値をチェックし、最も一般的な文字、canc、enter のみを受け入れる関数を考えていました。 )。

または、キーアップごとに値が変更されたかどうかをチェックする関数。

しかし、本当に jQuery にはこの状況に対応するイベント ハンドラーがないのでしょうか?

ああ、それはクロスボーザーのはずです。

0 投票する
3 に答える
255529 参照

jquery - input type="file" の jQuery change メソッド

シンプルでエレガントな API を使用して jQuery を 100% 採用しようとしていますが、API とストレートな HTML との間に矛盾があり、よくわかりません。

ファイルの入力値が変更されるたびに実行したい AJAX ファイル アップローダー スクリプト (正しく機能する) があります。ここに私の作業コードがあります:

onchangeイベントを jQuery 実装に変換すると、次のようになります。

結果は同じではありません。onchange属性を使用するuploadFile()と、期待どおりに値が変更されるたびに関数が呼び出されます。しかし、jQuery API.change()イベント ハンドラーを使用すると、値が最初に変更されたときにのみイベントが発生します。その後の値の変更は無視されます。これは私には間違っているように思えますが、確かにこれは jQuery による見落としではありませんよね?

他の誰かが同じ問題に遭遇したことがありますか? また、私が上で説明した以外の問題に対する回避策または解決策はありますか?

0 投票する
3 に答える
459 参照

jquery - コードをjQueryのイベントに関連付けるにはどうすればよいですか?

HTML ページに<select>要素があり、選択が変更されたときに Javascript を実行したいとします。私はjQueryを使用しています。コードを要素に関連付ける方法は 2 つあります。

方法 1: jQuery .change()

方法 2: onChange 属性

ここでモジュール性が異なることは理解しています。たとえば、方法 1 ではコード参照が HTML から除外されますが、方法 2 ではコード内で HTML ID について言及する必要はありません。

私が理解していないのは、これら2つの間に操作上の違いがあり、どちらかを好むようになるのでしょうか? たとえば、これらの 1 つが機能し、もう 1 つが機能しないエッジケースのブラウザーはありますか? jQuery との統合は、どちらにとっても優れていますか? イベントへのコードの遅延バインディングは、ページの動作に違いをもたらしますか?

あなたはどちらを選びますか、そしてその理由は何ですか?

0 投票する
5 に答える
9307 参照

javascript - jqtransformフォームセレクター(onchange)の問題!

Jqtransform スクリプトを使用してフォームをスタイリングしています。フォームには、いくつかの都市を登録するセレクターが含まれています。1 つをクリックすると、その都市内のいくつかの場所でその下のセレクターが更新されます。

ここにセレクターのコードがあります

デフォルトのスタイルで問題なく動作していましたが、JQ を適用した後、機能が失われました

ここで以前質問したLINK

そして、ドルミリッチが書いたように、私は次のように書きました:

しかし、うまくいきませんでした!

役立つ場合は、関数のコードもここにあります

助けてくれる人はいますか???????? ありがとう