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

您可以尝试使用以下代码：

$(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 回答
0

检查下面的代码

1）在 HTML 中，我添加了一个span标签作为占位符来显示所选值。

2）最初我是hiding部分itemadd。On change在选择框中，我得到了选定的值并将其存储在一个变量selvalue中。这个存储的变量值，我span使用text()函数在标签内显示它。最后，我将展示整个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

如果你想使用来自其他函数的变量“id”的值，那么在 jquery 处理程序之外声明“id”变量。

前任：

      变量 ID ;
        $('#itemadd').hide();

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

        });


       $("#selectbox1").change(function() {

              id = $(this).val();
              称呼（）;  

             });

           函数调用（）
          {
             警报（ID）；//使用这里的值
          }
于 2013-03-04T11:12:38.590 回答
-1

应该是这样的。

$("#selectbox1").change(function() {
    var select_val = $("#selectbox1").val();
    alert(select_val);
});
于 2013-03-04T10:53:43.330 回答
-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 回答