无法更新HTML文档中的兄弟姐妹

时间:2015-10-21 21:23:18

标签: javascript jquery html

我有以下HTML

<td>
    <select tabindex="1" id="global_location_id" name="global_location_id">
      <option value="0">-- NONE --</option>
      <option value="15" style="font-weight: bold">canada</option>
      <option value="16" style="font-weight: bold">usa</option>    
    </select>
    <input tabindex="1" id="location_id" name="location_id" value="15" type="hidden">
</td>

当下拉列表中的项目发生变化时,我想将值保存在隐藏字段中...这是下拉列表的兄弟。 我有以下jquery代码:

    $("body").live("change", "#global_location_id", function(e){
            console.log(e);
            var list = e.target;
            var selected_location_value = $(list).val();
            console.log(selected_location_value);
            //save this value in the sibling <input> box called name=location_id
             $(this).siblings("#location_id").attr('value',selected_location_value);
      });

我必须在某处出现语法错误,因为此代码无效。具体来说,它是尝试保存到名为location_id且未更新的隐藏输入字段的行。

我确信这很简单,我很遗憾 感谢。

1 个答案:

答案 0 :(得分:0)

我发现了自己的错误 我不得不替换

$(this).siblings("#location_id").attr('value',selected_location_value)

$(list).siblings("#location_id").attr('value',selected_location_value)