Question

我有以下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且未更新的隐藏输入字段的行。

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

Answer 1

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

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

带

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

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

1 个答案: