使用jQuery查找选择框的值

我对jQuery非常陌生，如果这很简单，很抱歉，但是我有一个选择框，里面有值。此时在select上显示一个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>

我希望能够找到selectbox的值，并将其用于变量中，这样我就可以显示一条更具交互性的消息，并将其用于定价

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

我试过这样的东西，但似乎不起作用

我想做的就是，如果选择了select，值是4，例如，我希望能够知道这一点，并将其放入一个变量中，以便可以重用它。在信息或总数中

应该是这样的

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

$selectBox option:selected.val//获取所选选项的值

---

$selectBox option:selected.text//要获取所选选项的文本

如果要使用来自其他函数的变量“id”的值，请在jquery处理程序外声明“id”变量

例：

---

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

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

检查下面的代码

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

2首先，我隐藏了itemadd部分。更改selectbox时，我已获得所选值并将其存储在变量selvalue中。 这个存储的变量值，我使用文本函数在span标记中显示它。 最后，我将显示整个itemadd部分

见

HTML:

---

你所尝试的应该有用。你能告诉我们你是如何使用你用$this.val设置的id变量的吗？在这种情况下，OP得到的与此直接等价。你可能想要的是val，而不是html，不管怎样，这是调用val直接对元素所做的，所以再次，与OP已经在做的事情没有什么不同。@Matt-我当然知道任何东西都可以使用，但我总是使用.html。那有什么问题？如果你注意到我在小提琴上添加了一个$function{}，以防他忘记。Parv:An不应该包含HTML，因此在这种情况下调用文本是最好的方法。至于val和text之间的差异，请参见将其设置为“诸如此类”。也许如果你的答案不仅仅是一个没有解释的代码块，它可能会让你更清楚你到底在答案中添加了什么。无论如何，您引入的var val=$this.children:selected.html；@Matt-ok我应该使用.text而不是.html，我使用了.html，因为没有定义值属性。Parv：好的，为了以后的参考，请注意，如我的JSFIDLE中所示，如果没有指定值，它的默认值是元素的文本内容；所以它们是一样的：

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

var id ; $('#itemadd').hide(); $('#selectbox1').change(function() { $('#itemadd').show(); }); $("#selectbox1").change(function() { id = $(this).val(); call(); }); function call() { alert(id); //use the value here }

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

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