ページのロード

上のjqueryの中のドロップダウンの値を取得し、私はドキュメント準備にドロップダウンの値を取得したいが、私は、私はこのページのロード

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
    $(document).ready(function() 
    { 
     var car=$('.car').val(); 
     alert(car); 
    }); 
</script> 
</head> 
<body> 
<select class="car"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

出典

2016-10-08 Ninad

私はあなたが本当に変更イベントを使用したいと思います。ページが読み込まれると、値は常にデフォルト値（設定されていなければ最初の値）になります。 – PHPglue

@ニナド。私はあなたの要求に応じて私の答えを変更しました。それをチェックし、考えを共有してください。 –

@ニナード。私はそれを実際の例として作っていますし、試してみることができます。どんな妨げにも直面したら、私に知らせてください。 –

を試してみましたドロップダウンの最初の値のみを取得していますあなたが選択を変更すると、それは値を取得しますし、それはそれを警告されるように

selectタグでonchange=""与えられたとあなたが持っているこの

<script> 
    $(document).ready(function() 
    { 
     var car = $('.car :selected').val(); 
     alert(car); 
    }); 
</script>

出典

2016-10-08 05:25:37 shubham715

を試してみてください。

ここに私があなたに理解して頂いたサンプルがあります。

function myalert(a) 
 
{ 
 
alert(a); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="test" id="test" onchange="myalert(this.value)"> 
 
    <option value="">Please Select</option> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
</select>

出力： - それは

出典

2016-10-08 05:28:09

私は選択した値だけを望んでいません。 – Ninad

あなたの 'selectタグ'に 'onchange（）'プロパティを書いていないか、スクリプト内で 'change（）'を使っていません。それはdocument.readyの下で動作していない共鳴です。 –

は、あなたの希望のオプションに「選択した」属性を追加することができかもしれませselectタグから選択した値に基づいて値を警告されます。下記のhtmlをご検討ください。 P .:私は 'Mercedes'に属性を追加しました。

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
    $(document).ready(function() 
    { 
     var car=$('.car').val(); 
     alert(car); 
    }); 
</script> 
</head> 
<body> 
<select class="car"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes" selected>Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

出典

2016-10-08 05:54:40

$(document).ready(function() 
{ 
    $('.car').on('change',function(){ 
    var car=$('.car').val(); 
    alert(car); 
    }); 
});

出典

2016-10-08 07:41:28 Arun

このコードスニペットは問題を解決するかもしれませんが、[説明を含む]（http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）は本当にあなたの投稿の質を向上させるのに役立ちます。将来読者の質問に答えていることを覚えておいてください。そうした人々はあなたのコード提案の理由を知らないかもしれません。 – andreas

イベントがトリガーされるたびに実行する関数を変更します。 – Arun

答えて

関連する問題