0

私はjQueryを初めて使用するので、これが単純な場合は申し訳ありませんが、値が含まれる選択ボックスがあります。選択すると、divが表示されます。

<div class="three columns"><select name="selectbox1" id="selectbox1" style="width:60px;"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select></div>

<div class="twelve columns" id="itemadd"><p class="itemadd">You have sucessfully added a child seat at 3 Euros per day.</p></div>

そして、単純な非表示機能：

$('#itemadd').hide();
        $('#selectbox1').change(function() {
            $('#itemadd').show();
        });

選択ボックスの値を見つけて変数でも使用できるようにしたいので、もう少しインタラクティブなメッセージを表示し、価格設定にも使用できます。

$("#selectbox1").change(function() {
    var id = $(this).val();
});

このようなことを試しましたが、うまくいかないようです。

たとえば、selectが選択され、値が4の場合、それを認識して変数に入れ、再利用できるようにしたいだけです。メッセージまたは合計。

4

6 に答える 6

0

他の関数の変数「id」の値を使用する場合は、jqueryハンドラーの外部で「id」変数を宣言します。

元：

      var id;
        $（'＃itemadd'）。hide（）;

        $（'＃selectbox1'）。change（function（）{
        $（'＃itemadd'）。show（）;

        }）;


       $（ "＃selectbox1"）。change（function（）{

              id = $（this）.val（）;
              電話（）;  

             }）;

           関数call（）
          {{
             alert（id）; //ここで値を使用します
          }
于 2013-03-04T11:12:38.590 に答える
0

以下のコードを確認してください

1) HTML でspan、選択した値を表示するプレースホルダーとしてタグを追加しました。

2)最初は私がhiding課itemaddです。選択ボックスの、選択した値をOn change取得して変数に保存しました。この保存された変数値は、関数を使用してタグ内に表示しています。そして最後に、セクション全体を表示しています。selvaluespantext()itemadd

デモを見る

HTML:

<div class="three columns">
   <select name="selectbox1" id="selectbox1" style="width:60px;">
      <option>0</option><option>1</option>
      <option>2</option><option>3</option>
      <option>4</option><option>5</option>
    </select>
</div>

<div class="twelve columns" id="itemadd">
   <p class="itemadd">You have sucessfully added a child seat at <span class="selected-val">3 </span>  per day.</p>
</div>

脚本：

$('#itemadd').hide();
    $('#selectbox1').change(function() {
         var selvalue= $(this).val();           
        $(".selected-val").text(selvalue);
        $('#itemadd').show();
    });
于 2014-09-11T00:33:04.157 に答える
0

次のコードを使用して試すことができます。

$(document).ready(function(){
    $('#selectbox1').change(function() {
    var valueSelected=$("#selectbox1 option:selected").val();
    $('#itemadd').text("You have sucessfully added a child seat at "+valueSelected+" Euros per day.");
    $('#itemadd').show();
});
于 2013-05-21T13:11:35.817 に答える
-1 
$(function(){
    $("#selectbox1").change(function() {
        var val = $(this).children(":selected").html();
    }); 
});

働くjsフィドル

于 2013-03-04T10:55:46.883 に答える
-1

$("#selectBox option:selected").val()//選択したオプションの値を取得するには

$("#selectBox option:selected").text()//オプションのテキストを選択するには

于 2013-03-04T11:01:56.097 に答える
-1

このようにする必要があります。

$("#selectbox1").change(function() {
    var select_val = $("#selectbox1").val();
    alert(select_val);
});
于 2013-03-04T10:53:43.330 に答える