-2

ドロップダウンで取得した値を表示するのに苦労しています。昨日JSの学習を始めたばかりです...乾杯！[eta] 問題は、私のコードのどこが悪いのかということです。

<!doctype html>
<html><body>
<script src="jquery.js">

$(function checkDropdown() {
var selects= $("#id1 option:selected").val();
document.getElementById("filler").innerHTML= selects;
});
</script>

<form name="f1">
<select id="id1">
<OPTION Value="none">None</OPTION>
<OPTION Value="one">One</OPTION>
<OPTION Value="two">Two</OPTION>
</select></form>
<p id="filler">Replace this text</p>
</br></br>
<button onClick="checkDropdown()">  CLICK ME  </button>
</form>
</body></html>

最終的には、オプションの値を実際の数値に置き換えて乗算したいと考えています。

4

4 に答える 4

0

jQueryについてよくわかりません。これを試して：

var selects= $("#id1").val();
于 2013-01-03T19:47:56.740 に答える
0

あなたのコードはすべて間違っています。

これを試して：

<!doctype html>
<html><body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">    
function checkDropdown() {
  var selects= $("#id1").val();
  $("#filler").text(selects);
}
</script>

<form name="f1">
<select id="id1">
<OPTION Value="none">None</OPTION>
<OPTION Value="one">One</OPTION>
<OPTION Value="two">Two</OPTION>
</select></form>
<p id="filler">Replace this text</p>
</br></br>
<button onClick="checkDropdown()">  CLICK ME  </button>
</form>
</body></html>
  1. 2 つのスクリプト タグを作成する必要があります。1 つは jquery をロードする場合、2 は独自のコードを定義する場合です。
  2. ドロップダウン値は常に選択されたオプションの値と等しいため、:selected セレクターを使用する必要はありません。
  3. document.getElementById() と jQuery を混在させないでください。1 つの方法に固執する方がはるかに優れています。
于 2013-01-03T19:48:39.727 に答える
0

に関数を渡すと、DOM の準備ができたときに$実行されます。しかし、それはあなたがここで望むものではありません。ボタンがクリックされるたびに関数が呼び出されるようにするため、に渡さないでください。$

<script>
    function checkDropdown() {
        // Simplified version of your code
        var selects = $('#id1').val();
        $('#filler').text(selects);
    }
</script>

インライン イベント ハンドラーではなく、jQuery を使用してイベント ハンドラーをバインドすることで、コードをさらに改善できます。

$、エイリアスについての詳細をお読みくださいjQuery。また、 jQuery チュートリアルを読むことをお勧めします。このチュートリアルでは、イベント ハンドラー (および一般的な jQuery) を使い始めるために知っておく必要があるすべてのことを説明しています。

最後に、イベントが実際にどのように機能するかを知りたい場合は、quirksmode.org の記事を読んでください。

これは最初は気づきませんでした: jQuery を独自のスクリプト タグにロードする必要があります。

<script src="jquery.js"></script>

繰り返しますが、チュートリアルを読んでください。これらのことはすべてそこでカバーされています。

于 2013-01-03T19:48:41.337 に答える
0

関数の宣言方法が原因で、コードに他の問題があります。jquery で関数を定義する方法の詳細については、この回答を確認してください。 これはjQueryで関数を定義する方法ですか?

少し再配置するだけで、私の側で機能します。

checkDropdown = function() {
  var selects= $("#id1 option:selected").val();
  document.getElementById("filler").innerHTML= selects;
};​

ここでチェックしてください：http://jsfiddle.net/kjmuE/

于 2013-01-03T19:54:04.897 に答える