Question

我的意思是，我觉得自己像个白痴一样，但即使在寻找了将近两个小时之后，我似乎无法做到这一点。

此选择后跟隐藏文本字段：

<select name="location_id" class="select green-gradient" single>
  <option value="2">New York</option>
  <option value="3">London</option>
  <option value="4">Singapore</option>
  <option value="5">San Francisco</option>
  <option value="6">Milan</option>
</select>
<input type='text'  name="selected_location_id" class="hidden" value="">

//我通常使用此代码作为复选框。它切换隐藏文本框的内容。我知道检查选择的值是不同的。但我似乎无法做对。

$(document).ready(function(){
    $('.switch').change(function( ){
        if($(this).next().val() == 1){
            $(this).next().val(0);
        } else {
            $(this).next().val(1);
        }
    });
})

//我试过这个：但它没用，因为我需要对页面上的所有选择执行此操作。它仍然没有更新隐藏的文本框。

$(document).ready(function(){
   $('.select').change(function( ){
     var selectedValue = $(this "option:selected").val();
     $(this).next().val(selectedValue);
   });
})

//也许我只是累了。但现在是时候寻求帮助了。提前谢谢。

Answer 1

我认为应该是

$('select').change ///(without the dot)

不是

$('.switch').change

既不是

$('.select').change

Answer 2

在侦听器中，this引用该元素。您还可以从select元素的名称中获取隐藏元素的名称，因此如果它们采用以下形式：

this.form['selected_' + this.name].value = this.value;

并且没有一个函数调用就完成了。

onchange事件的语法，用于使用选择框的索引值更新隐藏文本框

2 个答案: