Question

我正在获取选择框值，如下面的代码：

$(document).on('change','.test',function(){
   var val = $('option:selected',this).val()
   alert(val);
});

如何在以下功能中获取所选值：

function test_data()
{
   //get select box value here
}

Answer 1

你可以这样做：

var value = $('select.test').val();
alert(value)

或者您可以使用更改活动

<select onchange="test(this.value)" ></select>
<script>
function test(value) {
//value is selected option value
}
</script>

jsfiddle

Answer 2

您可以在select的更改事件上调用metod test_data。

$(document).on('change','.test',function(){
    var val = $('option:selected',this).val();
    test_data(val);
    //  alert(val);
});

function test_data(val)
{
    alert(val)
}

请参阅Fiddle

或

$(document).on('change','.test',test_data); function test_data() { var val = $('.test option:selected').val(); alert(val) }

Fiddle

Answer 3

它依赖 -

<强> 1。您可以轻松地将值传递给函数。

$(document).on('change','.test',function(){
  var val = $('option:selected',this).val()
  test_data(val);
});

function test_data(val) {
   //get select box value here
}

<强> 2。您可以将值存储在globe变量中。

var gval;
$(document).on('change','.test',function(){
  var val = $('option:selected',this).val()
  gval = val;
});

function test_data() {
  alert(gval)
  //get select box value here
}

第3。使用select元素获取值。

function test_data() {
    var value = $('select.test').val();
    alert(value)
}

选择框值进入另一个功能

3 个答案: