Question

我想在用户更改所选值后做一些事情，仅使用此代码想要从所选择的值中获取值，而不是两者都是。

到目前为止我有这个：

使用代码的Issiue只有第一个触发。

<div class="colname">
    <label for="input">Input</label>                                                            
    <select name="input" class="input">
        <option>Test1</option>
        <option>Test2</option>
    </select>
</div>
<div class="colname">
    <label for="kostnad">Input</label>                                                          
    <select name="input" class="input">
        <option>Test1</option>
        <option>Test2</option>
    </select>
</div>
<script>
    $('.input').change(function(){
         var ok = $(this).val();
          if(ok == 1)
            // do that and this

    });
</script>

Answer 1

请查看此完整工作代码段

 $('.input').change(function(){
        $("#value").html($(this).val())
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="colname">
    <label for="input1">Input</label>                                                            
    <select name="input1" class="input">
        <option value="input1">Test1</option>
        <option value="input2">Test2</option>
    </select>
</div>
<div class="colname">
    <label for="kostnad">Input</label>                                                          
    <select name="kostnad" class="input">
        <option value="kostnad1">Test1</option>
        <option value="kostnad2">Test2</option>
    </select>
</div>
<div class="colname">
    <label id="value"></label> 
</div>

您需要使用$(this).val()

$('.input').on('change',function (){

$(this).val()
//use here

});

聚苯乙烯。该值取决于option值。

<option value="option1">option 1<\option>

Answer 2

使用此：

$('.input').on("change", function(){
    var value = $(this).val();
    console.log(value);
});

注意：您已在value标记中添加<option></option>属性，如此

<div class="colname">
    <label for="input">Input</label>                                                            
    <select name="input" class="input">
        <option value="Test1">Test1</option>
        <option value="Test2">Test2</option>
    </select>
</div>

如何使用jQuery触发特定选择框更改？

2 个答案: