Question

我是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，例如，我希望能够知道并将其放入变量中，以便我可以重用它。在消息或总和中。

Answer 1

如果你想使用其他函数中变量'id'的值，那么在jquery handler之外声明'id'变量。

例如：


      var id ;
        $('#itemadd').hide();

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

        });


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

              id = $(this).val();
              call();  

             });

           function call()
          {
             alert(id); //use the value here
          }

Answer 2

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

$(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();
});

Answer 3

检查以下代码

1）在HTML中，我添加了span标记作为占位符，以显示所选的值。

2）最初我是hiding itemadd部分。选择框的On change，选定值，存储变量selvalue。这个存储的变量值，我使用span函数在text()标记内显示它。最后，我展示了整个itemadd部分。

请参阅DEMO

<强> 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();
    });

Answer 4

应该是这样的。

$("#selectbox1").change(function() {
    var select_val = $("#selectbox1").val();
    alert(select_val);
});

Answer 5

$(function(){
    $("#selectbox1").change(function() {
        var val = $(this).children(":selected").html();
    }); 
});

working js fiddle

Answer 6

$("#selectBox option:selected").val() //获取选项的值

$("#selectBox option:selected").text() //获取选项的文字

使用jQuery找出选择框的值

6 个答案: